HTML教程-HTML<video>标签

HTML5还支持<video>标签。HTML video标签用于在网页上流式传输视频文件，例如电影片段、歌曲片段等。

目前，HTML video标签支持三种视频格式：

1. mp4
2. webM
3. ogg

下表列出了各个网络浏览器支持的视频文件格式：

浏览器	mp4	webM	ogg
Internet Explorer	是	否	否
Google Chrome	是	是	是
Mozilla Firefox	是	是	是
Opera	否	是	是
Apple Safari	是	否	否

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 video标签播放ogg文件的示例：

<video controls>
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the HTML video tag.
</video>

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<video>	是	是	是	是	是

HTML Video标签的属性

以下是HTML5 video标签的属性列表：

属性	描述
controls	定义显示带有播放/暂停按钮的视频控件。
height	设置视频播放器的高度。
width	设置视频播放器的宽度。
poster	指定当视频未播放时在屏幕上显示的图像。
autoplay	指定视频准备就绪后立即开始播放。
loop	指定每次视频文件播放完成后重新开始播放。
muted	用于静音视频输出。
preload	指定在页面加载时预加载视频文件的作者视图。
src	指定视频文件的源URL。

HTML Video标签属性示例

以下是在HTML中使用video标签的示例，其中使用了height、width、autoplay、controls和loop属性：

<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类型

HTML video标签可用的MIME类型如下：

视频格式	MIME类型
mp4	video/mp4
ogg	video/ogg
webM	video/webM