HTML <video>标签
HTML <video>标签作用
HTML 5也支持<video>标签。 HTML video标签用于在网页上流传输影片剪辑，歌曲剪辑等视频文件。
当前，HTML video标签支持三种视频格式:
mp4
webM
ogg
我们看一下Web浏览器支持视频文件格式。
| 浏览器 |
mp4 |
webM |
ogg |
 |
是 |
否 |
否 |
 |
是 |
是 |
是 |
 |
是 |
是 |
是 |
 |
否 |
是 |
是 |
 |
是 |
否 |
否 |
注意: Android还支持mp4格式。
HTML<video>标签示例
让我们看看使用HTML<video>标签播放mp4文件的代码。
<video controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the html video tag.
</video>
让我们看一下使用HTML视频标签播放ogg文件的示例。
<video controls>
<source src="movie.ogg" type="video/ogg">
Your browser does not support the html video tag.
</video>
支持浏览器
HTML<video>标签的属性
让我们看一下HTML 5<video>标签属性的列表。
| 属性 |
说明 |
| controls |
它定义了用播放/暂停按钮显示的视频控件。 |
| height |
它用于设置视频播放器的高度。 |
| width |
它用于设置视频播放器的宽度。 |
| poster |
它指定当不播放视频时在屏幕上显示的图像。 |
| autoplay |
它指定视频将在准备就绪后立即开始播放。 |
| loop |
它指定视频文件每次完成时都将重新开始。 |
| muted |
它用于使视频输出静音。 |
| preload |
它指定在页面加载时上传视频文件的作者视图。 |
| src |
它指定视频文件的源URL。 |
HTML视频标签属性示例
让我们看一下HTML中的视频标签示例，该示例使用高度，宽度，自动播放，控件和循环属性。
<video width="320" height="240" controls autoplay loop>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the html video tag.
</video>
HTML视频格式的MIME类型
下面提供了可用的MIME类型HTML视频标签。
| 视频格式 |
MIME类型 |
| mp4 |
video/mp4 |
| ogg |
video/ogg |
| webM |
video/webM |
