video标签使用文档以及api

HTML `<video>` 标签用于在网页上嵌入视频内容。它是现代Web开发中常用的多媒体元素。以下是关于`<video>`标签的基本使用文档和API概览：

1. **基本语法**:

<video controls>
  <source src="video.mp4" type="video/mp4"> <!-- 或其他格式 -->
  Your browser does not support the video tag.
</video>

`controls`属性添加播放控制条，如播放/暂停、音量调节、全屏等。

2. **`src` 属性**: 链接到视频文件的URL，可以指定多个源，比如`webm`, `mp4`, `ogg`等格式，浏览器会自动选择支持的格式。

3. **`type` 属性**: 如果`src`未指定，`type`属性提供视频数据的MIME类型，告诉浏览器如何处理。

4. **事件处理**:
- `onload`: 视频加载完成。
- `onplay`: 视频开始播放。
- `pause()`, `play()`: 可以通过JavaScript控制播放/暂停。
- `canPlayType()`: 判断浏览器是否支持某种视频格式。

5. **JavaScript API**:
- `video.play()`: 开始播放。
- `video.pause()`: 暂停播放。
- `video.currentTime`: 当前播放时间。
- `video.duration`: 视频总长度。
- `video.muted`: 设置静音状态。

6. **跨域问题**: 如果视频位于不同的域名下，可能会遇到跨域限制。可以考虑服务器端设置响应头解决，或者使用第三方服务如Video.js等库。