【笔记】Video标签的操作

前言

通过JS的DOM操作操作Video标签

获取元素

1
let video = document.querySelector("video");

播放视频

1
video.play();

暂停视频

1
video.pause();

获取或修改时间

<num>:数值

1
2
3
video.currentTime;

video.currentTime = <num>;

总时间

1
video.duration;

获取或修改音量

<num>:数值

0:静音
0.5:音量50%
1:音量100%

1
2
3
video.volume;

video.volume = <num>;

video事件

监测到视频播放

1
video.onplay = function() {}

监测到视频暂停

1
video.onpause = function() {}

当前播放时间更新时执行

1
video.ontimeupdate = function() {}

完成