如何在 HTML 中添加视频

在创建网页时，视频是吸引访问者的一种强大工具。本文介绍了在 HTML 中添加视频的不同方式，并提供了一些示例代码。

通过 video 元素添加视频

使用 video 元素是在 HTML 页面中显示视频的最简单方法。视频文件可以存储在本地计算机或网络服务器上。以下是一个简单的示例，显示如何使用 video 元素添加视频：

<video src="example.mp4" controls>
  Your browser does not support the video tag.
</video>

在上面的示例中，我们使用 src 属性来指定视频文件的位置。同时，controls 属性会显示视频播放器的控件，让用户可以播放、暂停或重放视频。最后，视频元素之间的文本是，如果浏览器不支持 video 元素，将显示的替换文本。

还有其他可用的属性可帮助自定义 video 元素的行为和外观。下面是一个使用 autoplay 和 loop 属性的示例：

<video src="example.mp4" autoplay loop>
  Your browser does not support the video tag.
</video>

在上面的示例中，我们使用 autoplay 属性来使视频自动播放，使用 loop 属性使视频循环播放。

使用 iframe 添加视频

除了使用 video 元素外，可以使用 iframe 元素将外部视频嵌入到您的网页中。如下所示：

<iframe width="560" height="315"
  src="https://www.youtube.com/embed/dQw4w9WgXcQ"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen>
</iframe>

在上面的示例中，我们使用 iframe 元素来嵌入 YouTube 视频。src 属性指定视频嵌入的来源，title 属性为视频提供标题，frameborder 属性去掉边框，allow 属性为视频启用更多的浏览器功能，例如自动播放。

总结

无论您选择 video 元素还是 iframe 元素，都可以轻松添加视频到您的 HTML 网页。您可以根据需要自定义这些元素使用的属性。