<video src="../assets/mp4/kejifeng.mp4" width="765" height="430" controls></video>
可以使用 currentTime 属性实现定位播放
通过document.getElementById()方法获取到了<video>元素,然后使用currentTime属性获取 或设置视频的播放时间
常用属性:
src:设置或返回视频的 src 属性的值
autoplay:是否自动播放,默认值是false,(Boolean)
loop:是否循环播放,默认值是false,(Boolean)
muted:是否静音播放,默认值是false,(Boolean)
controls:是否显示视频的控件,比如播放、暂停、进度条、音量、全屏
defaultPlaybackRate:设置或返回视频的默认播放速度
initial-time:制定和视频初始播放位置,单位为秒
currentTime:设置或返回视频中的当前播放位置(以秒计)
defaultPlaybackRate:设置或返回视频的默认播放速度
volume:设置或返回视频的音量 取值范围0~1
常用方法:
load():重新加载视频元素
play():开始播放视频
pause(): 暂停当前播放的视频
消除控件属性:
给video标签加controlsList=“nodownload” 不显示下载按钮
<video src="../../assets/demo.mp4" controls="controls" controlsList="nodownload"></video>
1、nodownload: 不要下载按钮
2、nofullscreen: 不要全屏按钮
3、noremoteplayback: 不要远程回放
4、disablePictureInPicture 禁止画中画 按钮
5、noplaybackrate 不要播放速度按钮