在 HTML 中添加 MP4

在 HTML 中添加 MP4 视频是一种非常常见的需求，在这篇文档中我们将介绍如何在 HTML 页面中添加 MP4 视频，以及一些常见的注意事项。

添加 MP4 视频

要在 HTML 中添加 MP4 视频，可以使用 <video> 标签，例如：

<video controls>
  <source src="example.mp4" type="video/mp4">
</video>

在上面的例子中，<video> 标签用于定义 video 播放器，controls 属性将会在播放器上显示控制条。视频的 URL 通过 <source> 标签指定，type 属性用于指定视频类型。

请注意，仅指定一个 MP4 视频可能不够，因为不同的浏览器需要不同的视频格式。更全面一点的示例代码如下所示：

<video controls>
  <source src="example.mp4" type="video/mp4">
  <source src="example.webm" type="video/webm">
  <source src="example.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

在上面的代码示例中，分别指定了三种不同的视频格式。如果浏览器支持其中一种，则会选择该格式，否则会显示文本 Your browser does not support HTML5 video.。

注意事项

以下是添加 MP4 视频时需要注意的一些事项：

• MP4 视频必须使用 H.264 编码，否则有些浏览器可能无法播放。
• 不同的浏览器需要不同的视频格式，因此最好为同一个视频准备多个格式。
• 如果视频文件过大，建议使用压缩软件如 HandBrake 进行压缩，以提高加载速度。
• controls 属性用于控制条，在某些情况下可能需要禁用。
• 如果您希望视频自动播放，可以添加 autoplay 属性。
• 如果您希望视频循环播放，可以添加 loop 属性。

结论

添加 MP4 视频非常简单，只需要使用 <video> 标签即可。但是由于浏览器的差异性，最好为同一个视频准备多个格式，在添加 controls 属性的同时注意禁用它，以及根据需要添加其他属性。