HTML | DOM 视频控制器属性

HTML video 元素是 HTML5 中的一项新功能，用于嵌入视频内容到网页中。在使用视频时，我们需要使用控制器属性来控制视频的播放、暂停、音量大小、快进、后退等功能。

以下是一些常用的控制器属性：

控制视频播放：

• play(): 开始或继续播放视频。
• pause(): 暂停视频播放。

控制视频音量：

• volume: 设置或返回视频的播放音量。范围在 0.0 到 1.0 之间。
• muted: 设置或返回视频是否应该被静音。

控制视频播放速度：

• defaultPlaybackRate: 设置或返回视频的默认播放速度。
• playbackRate: 设置或返回视频的当前播放速度。

控制视频时间：

• currentTime: 设置或返回视频的当前播放位置。
• duration: 返回视频的总时间长度。

控制视频循环播放：

• loop: 设置或返回视频是否应该循环播放。

控制视频尺寸：

• width: 设置或返回视频的宽度。
• height: 设置或返回视频的高度。

控制视频预加载：

• preload: 设置或返回视频是否在页面加载时进行预加载。

控制视频元数据：

• loadedmetadata: 视频元数据已加载时触发的事件。
• durationchange: 视频总时间已更改时触发的事件。

这些属性可以通过 JavaScript 来进行修改，从而实现自定义的视频控制功能。

在使用时，可以通过 document.getElementById() 方法来获取 video 元素的引用，在引用上使用上述属性进行控制。例如：

var video = document.getElementById("myVideo");
video.play();  // 开始播放视频
video.volume = 0.5;  // 设置视频音量为一半
video.currentTime = 30;  // 设置当前播放位置为 30 秒

HTML video 元素提供了强大的视频控制能力，可以让我们在网页中轻松嵌入视频并进行自定义控制。