HTML <video> 标签

定义和用法

<video> 标签用于在文档中嵌入视频内容,例如电影片段或其他视频流。

<video> 标签包含一个或多个带有不同视频源的 <source> 标签。浏览器将选择它支持的第一个源。

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

HTML 支持三种视频格式:MP4、WebM 和 OGG。

浏览器 MP4 WebM Ogg
Edge 支持 支持 支持
Chrome 支持 支持 支持
Firefox 支持 支持 支持
Safari 支持 支持 不支持
Opera 支持 支持 支持

另请参阅:

HTML DOM 参考手册:HTML Audio/Video DOM 参考手册

实例

播放视频:

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

亲自试一试

提示和注释

提示:对于音频文件,请参阅 <audio> 标签。

可选的属性

属性 描述
autoplay autoplay 规定视频准备就绪后立即开始播放。
controls controls 规定应显示的视频控件(例如播放/暂停按钮等)。
height 像素 设置视频播放器的高度。
loop loop 规定视频将在每次结束时重新开始。
muted muted 规定应将视频的音频输出静音。
poster URL 规定在下载视频期间或在用户点击播放按钮之前显示的图像。
preload
  • auto
  • metadata
  • none
规定在页面加载时,视频是否应加载或应如何加载。
src URL 规定视频文件的 URL。
width 像素 设置视频播放器的宽度。

全局属性

<video> 标签还支持 HTML 中的全局属性

事件属性

<video> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

无。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5