<video>: 视频标签

最后更新：2026-10-13

<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 配合。

❓ 常见问题

Qvideo 支持哪些格式？该怎么选？

A主流三格式：MP4（H.264+AAC）兼容性 100%、WebM（VP9）开源免费、AV1 更新但编码效率最高。实操建议：MP4 做主格式必选，WebM/AV1 通过多 <source> 提供以省带宽，浏览器自动择优。

Qvideo 的 poster 属性有什么用？

Aposter='cover.jpg' 设置视频加载前/未播放时显示的封面图。没有 poster 时浏览器显示视频第一帧（部分浏览器显示空白）。封面图还能提升感知加载速度，建议统一配置。

Qvideo 自动播放加什么属性组合？

A带声自动播放会被浏览器拦截，可靠组合是 <video autoplay muted loop playsinline>——静音循环内联播放（背景视频标配）。需要出声时，监听用户首次交互后移除 muted 再 play。

更多案例即将上线，敬请期待。

📚 相关教程

HTML Media HTML iframes

HTML 标签参考手册

查看全部 HTML 标签的语法、属性与示例。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。