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 退出全屏