【笔记】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 () {}

完成