video 元素操作

video 元素在 HTML5 中用于嵌入视频内容。它允许开发者添加视频播放功能到网页上，支持多种格式如 MP4、WebM 等。以下是关于 `video` 元素的一些基本操作：

1. 创建视频元素：使用 `<video>` 标签创建，通常包含 `src` 属性指定视频文件路径，`controls` 属性让浏览器显示默认控件（例如播放/暂停按钮）。

<video src="my_video.mp4" controls></video>

2. 控制播放：可以使用 JavaScript 调整 `currentTime` 属性设置当前播放时间，`play()` 和 `pause()` 方法控制播放或暂停。

video.play(); // 开始播放
video.pause(); // 暂停播放
video.currentTime = 30; // 设置播放位置至30秒

3. 自动播放和循环播放：通过 `autoplay` 和 `loop` 属性启用自动播放和无限循环播放。

<video src="my_video.mp4" autoplay loop></video>

4. 音频控制：提供其他属性如 `muted` (静音)、`volume` (音量) 和事件处理函数（如 `onended` 或 `onerror`）来管理音频体验。

5. 媒体源选择：现代浏览器支持使用 ` poster` 属性设置视频预加载的占位图，以及 `source` 元素动态切换视频源。

<video controls>
  <source src="video1.mp4" type="video/mp4">
  <source src="video2.webm" type="video/webm">
</video>