在本教程中，我们将学习与HTML中的视频文件一起使用的video标签。

HTML中的视频标签是什么？

video标签是HTML5元素，用于将视频嵌入网页中。

例

在下面的示例中，我们将创建一个video元素。

<video width="200" controls src="path/to/video-file.mp4">
  Your browser does not support the HTML video tag.
</video>

我们执行此操作的另一种方法是使用source标签并包括多个文件。

<video width="200" controls>
  <source src="path/to/video-file.mp4" type="video/mp4">
  <source src="path/to/video-file.ogg" type="video/ogg">
  <source src="path/to/video-file.webm" type="video/webm">
  Your browser does not support the HTML video tag.
</video>

注意！在以上示例中，如果浏览器不支持视频标签，则会显示文本"您的浏览器不支持HTML视频标签"。

支持的视频格式

以下是受支持的视频格式。

您可以使用该的"查找文件信息"来查找视频文件的MIME类型。

source标签

我们还可以使用source标签来包含一个或者多个视频文件。

为此，我们将src属性设置为视频文件URL，并将'type'属性设置为视频文件的MIME类型。

在下面的示例中，我们使用3种不同的文件类型。

<source src="/video/video-file.mp4" type="video/mp4">
<source src="/video/video-file.ogg" type="video/ogg">
<source src="/video/video-file.webm" type="video/webm">

如果我们使用source元素，那么我们可以跳过开头的video标签中的src属性。

video标签的属性

以下是我们可以添加到video标签的属性。