最后更新：2026-09-12
<video>视频标签
用于在页面中嵌入视频播放器，支持控件、封面图与多种格式源。
| 分类 | 链接与媒体 |
|---|---|
| 内容模型 | 嵌入内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </video> 标签 |
| 状态 | 标准 |
📝 语法
<video controls>视频内容</video>⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
src | 视频文件 URL。 | |
controls | 显示播放控件。 | |
autoplay | 自动播放（多需配合 muted）。 | |
loop | 循环播放。 | |
muted | 默认静音。 | |
poster | 视频封面图 URL（加载前显示）。 | |
width | 显示宽度（像素）。 | |
height | 显示高度（像素）。 | |
preload | 预加载策略：none/metadata/auto。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <video> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： poster 指定加载前显示的封面图；移动端自动播放同样多需 muted 配合。
🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
