HTML Video 标签介绍

HTML 提供了一种 video 标签，使开发者可以在网页中添加视频文件。在 HTML 中，video 标签被用来定义嵌入式视频，其中视频位于标签的 src 属性中指定的 URL 中。

基本语法

<video width="640" height="360" controls>
    <source src="myVideo.mp4" type="video/mp4">
    <source src="myVideo.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>

video 标签有以下属性：

• src：视频文件的 URL 地址
• width：视频播放区域的宽度
• height：视频播放区域的高度
• controls：显示视频播放控件
• autoplay：设置自动播放
• loop：循环播放

video 标签中可以包含多个 source 标签，每个 source 标签都指定了一个不同的视频文件，浏览器会自动选择适合的格式进行播放。

兼容性

由于不同浏览器支持的视频格式不同，因此在 video 标签中指定多个文件格式是必要的。以下是不同浏览器所支持的视频格式：

• MP4：Internet Explorer，Edge，Chrome，Safari，Opera，iOS，Android
• WebM：Chrome，Firefox，Opera，Android
• Ogg：Firefox，Opera

其他特性

video 标签还支持以下特性：

• JavaScript 可以通过 HTMLMediaElement API 来访问视频
• 通过 CSS 控制格式和样式

结论

video 标签为开发者提供了在网页上添加视频的简单方式，同时还提供了自己的 API 和非常灵活的选项，支持各种格式，使得开发者可以轻松地在不同浏览器和设备上显示视频。