前端必知必会-html video和audio

---

HTML <video>

HTML <video> 元素用于在网页上显示视频。

HTML <video> 元素

要在 HTML 中显示视频，请使用 <video> 元素：

示例

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持视频标签。
</video>

工作原理

controls 属性添加视频控件，如播放、暂停和音量。

最好始终包含 width 和 height 属性。如果未设置 height 和 width，则加载视频时页面可能会闪烁。

<source> 元素允许您指定浏览器可以选择的备用视频文件。浏览器将使用第一个识别的格式。

<video> 和 </video> 标签之间的文本只会在不支持 <video> 元素的浏览器中显示。

HTML <video> 自动播放

要自动开始播放视频，请使用 autoplay 属性：

示例