video标签属性和方法
video代表获取的dom
autoPlay 自动播放
src 代表视频的来源，加载路径
controls 属性需要加上，不然展示的就是就是一个图片，没有播放按钮
controlslist nodownload属性值告诉浏览器在显示控件时不显示“下载”按钮。默认是空 nodownload属性值告诉浏览器在显示控件时不显示“下载”按钮。 隐藏播放器右下角三个点 右下角的三个点，里面包含下载和画中画，最新版谷歌浏览器还新增了播放速度按钮。
去除的方法是给 video 元素设置属性 controlsList="nodownload noplaybackrate" 以及属性 disablepictureinpicture。只有下载、画中画和播放速度全部隐藏右下角的三个点才会消失。
disablePictureInpicture
playbackRate 属性自定义播放速度
video 加上 controls 属性后默认双击屏幕全屏显示、单击屏幕暂停和开始播放视频。可以通过禁止 click 事件的默认行为来阻止这两种行为，给 video 原素加上 @click.prevent="() => {}"即可。
play // 开始播放时触发
pause // 暂停时触发
loadeddata // 数据已加载
canplay 表示视频加载完成之后执行的函数，视频加载完成，自动执行方法，不需要在生命周期中再次执行,可以给视频加上开始播放，暂停播放，结束播放等事件，
video.duration 获取视频时长
video.currentTime // 当前播放的位置，赋值可改变位置
video.error.code // 1用户终止 2网络错误 3解码错误 4URL无效
timeupdate 方法是video标签当播放时间改变的时候触发的方法
durationchange // 资源长度改变触发的方法
