HTML5 <video> 标签
主题：HTML5 标签参考上一页|下一页
说明
<video> 元素用于在 HTML 文档中嵌入视频内容，而无需任何额外的插件，如 Flash 播放器。
对 <video > 元素的支持因浏览器而异。 目前，视频元素支持三种主要的视频格式：MP4、Ogg 和 WebM。
下表总结了此标签的使用上下文和版本历史。
| Placement: | 块 |
|---|---|
| Content: | <source>, <track>, and text |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | New in HTML5 |
语法
<video> 标签的基本语法如下：
HTML / XHTML: <video> ... </video>
下面的示例显示了 <video> 标签的作用。
<video controls="controls" src="shuttle.mp4">
您的浏览器不支持 HTML5 视频元素。
</video>一个视频，使用浏览器默认控件集，并带有其他来源。
<video controls="controls">
<source src="shuttle.mp4" type="video/mp4">
<source src="shuttle.ogv" type="video/ogg">
Your browser does not support the HTML5 Video element.
</video>提示：如果浏览器不支持视频内容或无法下载视频源文件，您可以将文本或下载链接等内容放在视频元素内，以提供替代内容。
标签特定属性
下表显示了特定于 <video> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
autoplay |
autoplay |
此布尔属性指定视频将在完成加载数据后立即自动开始播放。 |
controls |
controls |
如果指定，浏览器将显示控件以允许用户控制视频播放，例如播放/暂停、音量等。 |
height |
pixels | 设置视频显示区域的高度。 |
loop |
loop |
此布尔属性指定视频将在到达结尾时自动重新开始。 |
muted |
muted |
此布尔属性指定视频最初是否会静音。 默认值为 false，表示播放视频时会播放音频。 |
poster |
URL | 指定在视频下载时或用户点击播放按钮之前显示的图像。 如果未指定此属性，则在视频的第一帧可用之前不显示任何内容； 然后第一帧显示为海报。 |
preload |
auto |
向浏览器提供有关是否下载视频本身或其元数据的提示。 autoplay 属性可以覆盖这个属性，因为如果你想自动播放视频，浏览器显然需要下载它。 |
src |
URL | 指定要嵌入的视频文件的位置。 或者，您可以使用首选的 <source> 标签，因为它允许多个选项。 |
width |
pixels | 设置视频显示区域的宽度。 |
全局属性
与所有其他 HTML 标签一样， <video> 标签支持 HTML5 中的全局属性。
事件属性
<video> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <video> 标签。
 |
基本支持—
|
进一步阅读
相关标签： <source>, <track>, <audio>.
Advertisements