HTML 元素 用于在HTML或者XHTML文档中嵌入媒体播放器,用于支持文档内的视频播放。你也可以将 标签用于音频内容,但是 元素可能在用户体验上更合适。
video属性
autoplay
,视频可以自动播放,不用等视频加载
谷歌中禁用了
autoplay
视频 自动播放功能,如果需要自动播放,必须使用muted
静音属性
buffered
读取视频媒体的缓存controls
可以为视频加上视频控件,允许用户控制视频的音量,播放等currentTime
指示以秒为单位的媒体的当前播放位置。如果video尚未开始播放,则会在开始播放后返回偏移量。通过CurentTime将当前播放位置设置为给定时间,会在加载媒体时将媒体查找到该位置loop
布尔属性;指定后,会在视频结尾的地方,自动返回视频开始的地方
muted
布尔属性,指明了视频里的音频的默认设置。设置后,音频会初始化为静音。默认值是false,意味着视频播放的时候音频也会播放 src
要嵌到页面的视频的URL。可选;你也可以使用video块内的 元素来指定需要嵌到页面的视频。playbackRate
设置视频播放速率
preload auto(预先加载视频) none(不应加载视频) 规定是否预加载了视频
video事件
oncanplay
当媒介能够开始播放但可能因缓冲而需要停止时运行脚本onabort
视频播放终止ondurationchange
视频长度发生变化触发onemptied
网络发生错误触发onended
视频结束事件触发事件onerror
视频加载期间出现错误onloadeddata
加载视频数据出现的事件onloadstart
开始加载时的事件onpause
视频暂停事件onplay
视频开始事件onplaying
视频已经播放canplaythrough
浏览器估算可以播放到结束,不需要停止缓存更多的内容。onprogress
获取视频数据onratechange
播放速率发生改变时触发ontimeupdate
视频播放位置发生改变onvolumechange
音量发生改变
设置视频全屏播放
function setbig() {
if (video_ele.requestFullscreen) {
video_ele.requestFullscreen()
}
else if (video_ele.webkitRequestFullScreen) {
video_ele.webkitRequestFullScreen();
}
else if(video_ele.mozRequestFullScreen)
{
video_ele.mozRequestFullScreen();
}
else{
video_ele.msRequestFullscreen();
}
}
ExitFullscreen 退出全屏