webApp中video常见的一些属性和API
关于video的属性和API
video中的标签属性
- src:视频的资源地址
- width:可以直接改变播放器的宽度
- height:可以直接改变播放器的高度
- controls:播放控件
- autoplay:自动播放.(注意:谷歌下不会自动播放,如果想播放,设置muted属性)
- loop:循环播放
- muted:当设置属性后,它规定视频的音频的输出应该是静音
- posted:视频的封面.没有播放时实现的图片
video中的API事件
- play():当视频播放/不在暂停时,但是在谷歌下,不允许自动带声音的播放
- pause():当视频已经暂停时/不在播放时
- duration:返回当前视频的总长度(以秒的形式)
- currentTime:设置或返回当前视频播放的长度(以秒的形式).例如可以设置快进
- src:设置/返回当前视频的来源
- volume:设置/返回当前视频的音量 取值范围是0-1
- controls:设置视频是否现实控件.值为true或false
- muted:设置视频是否静音 注这个标签不会出现在video标签上 .值为true或false
- networkState:返回视频的当前网络状态(0:代表未初始化,1:代表视频已经选取好资源,但是未使用网络,2:浏览器正在下载的视频资源,3:未找到视频资源注:刚开始视频加载不会立即找到资源,所以也会出现)
- currentSrc:返回当前音视频的URL(必须是音视频,可以加载播放的时候,而且不能赋值)
- ended:返回音视频的播放量是否已经结束.播放结束返回true,反之,(返回的值为true或false),可以根据根据这个结果去设置一个监听事件,当结束的时候再去设置播放,来模拟循坏播放
- loop:设置或返回视频是否应在结束时重新播放.(返回的值为true或false)
- playbackRate:设置或返回视频播放的速度(默认值是1)
- readyState:属性返回视频的当前就绪状态(0:没有关于视频就绪的信息,1:有数据,但是已经快没有了,2:当前的数据是可以用,但是没有数据播放下一帧视频了,3:数据正在缓冲,当前及至少下一帧是可用的,4:可用数据已经开始播放)
- timeupdate:当前的播放位置已经更改时注:监听事件中
- seeked:当用户已移动/跳跃到视频中的新位置时(当用户对视频的进度条并且已经完成操作时会触发的事件,使用的时候必须加上on例如id为video的video标签,video.onseeked=function(){})
- seeking:当用户开始移动/跳跃到视频中的新位置时(当用户开始拖动进度条时会触发的事件,使用的时候必须加上on例如id为video的video标签,video.onseeking=function(){})
- volumechange:当音量已更改时,使用的时候必须加上on,例如id为video的video标签,video.onvolumechange=function(){})
- requestFullscreen():全屏,但是必须在用户的事件中调用,比如点击事件(注意:在火狐中使用moz:mozRequestFullScreen,在谷歌中使用webkit:webkitRequestFullscreen)
- load():重新加载视频资源
- canplay:视频已经准备好开始播放注:监听事件中
