怎样使用video和video的常见属性

1.怎样使用video

 

(1)<video src="文件地址" controls="controls"></video>

(2)< video src="文件地址" controls="controls">

          您的浏览器暂不支持video标签。播放视频

          </ video >

(3)< video  controls="controls"  width="300">

          <source src="move.ogg" type="video/ogg" >

           <source src="move.mp4" type="video/mp4" >

          您的浏览器暂不支持video标签。播放视频

           </ video >

 2.video的常见属性         

   

autoplay

autoplay

视频就绪自动播放

controls

controls

向用户显示播放控件

width

pixels(像素)

设置播放器宽度

height

pixels(像素)

设置播放器高度

loop

loop

播放完是否继续播放该视频,循环播放

preload

proload

是否等加载完再播放

src

url

视频url地址

poster

Imgurl

加载等待的画面图片

autobuffer

autobuffer

设置为浏览器缓冲方式,不设置autopaly才有效

 

3.videoAPI属性:

autoplay

媒体加载后自动播放

controller

返回当前的媒体控制器(MediaController对象)

controls

显示播控控件

currentTime

当前播放的时间,单位秒 (快进快退10)

defaultMuted

缺省是否静音

defaultPlaybackRate

播控的缺省倍速

duration

返回媒体的播放总时长,单位秒

ended

返回当前播放是否结束标志

error

返回当前播放的错误状态

initialTime

返回初始播放的位置

loop

是否循环播放

mediaGroup

当前音视频所属媒体组 (用来链接多个音视频标签)

muted

是否静音

networkState

返回当前网络状态

paused

是否暂停

playbackRate

播放的倍速(加速、减速播放)

played

当前播放部件已经播放的时间范围(TimeRanges对象)

preload

页面加载时是否同时加载音视频

readyState

返回当前的准备状态

seekable

返回当前可跳转部件的时间范围(TimeRanges对象)

seeking

返回用户是否做了跳转操作

src

当前音视频源的URL

startOffsetTime

返回当前的时间偏移(Date对象)

textTracks

返回可用的文本轨迹(TextTrackList对象)

videoTracks

返回可用的视频轨迹(VideoTrackList对象)

volume

音量值

 

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值