【笔记】Video标签的操作
前言
通过JS的DOM操作操作Video标签
获取元素
1 | let video = document.querySelector("video"); |
播放视频
1 | video.play(); |
暂停视频
1 | video.pause(); |
获取或修改时间
<num>
:数值
1 | video.currentTime; |
总时间
1 | video.duration; |
获取或修改音量
<num>
:数值
0
:静音0.5
:音量50%1
:音量100%
1 | video.volume; |
video事件
监测到视频播放
1 | video.onplay = function() {} |
监测到视频暂停
1 | video.onpause = function() {} |
当前播放时间更新时执行
1 | video.ontimeupdate = function() {} |