轻松上手,快乐学习!

HTML <video> 标签



实例

播放视频:

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

定义和用法

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

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

可以在 <video> 和 </video> 标签之间放置文本内容,这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。

目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。

浏览器 MP4 WebM Ogg
Edge YES YES YES
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

提示和注释

提示: 有关音频文件,请查看 <audio> 标签。


浏览器支持

表中的数字指完全支持该元素的第一个浏览器版本。

元素
<video> 4.0 9.0 3.5 3.1 11.5

可选属性

属性 描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted muted 如果出现该属性,视频的音频输出为静音。
poster URL 规定视频正在下载时显示的图像,直到用户点击播放按钮。
preload auto
metadata
none
如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src URL 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。

全局属性

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


事件属性

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


相关页面

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


默认CSS设置

None.