html中嵌入视频的代码

在现代网站设计中，嵌入视频已经成为了一个不可或缺的元素，它既可以增加网站的美感，又可以使得网站内容更加丰富多彩。下面我们来学习一下如何在 HTML 中嵌入视频。

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

上面这段代码是嵌入视频的 HTML 代码，其中最重要的是 <video> 标签，它表示这是一个嵌入视频的元素。

<video> 标记有以下几个属性：

• width 和 height：表示视频的宽度和高度。
• controls：表示是否显示控制条。

除了 <video> 标签，还需要添加至少一个 <source> 标签，用于指定可以播放的视频文件。<source> 标签有以下几个属性：

• src：表示视频文件的地址。
• type：表示视频的 MIME 类型，主要包括 MP4、Ogg 和 WebM 三种类型。

最后，还需要为不支持 <video> 标签的浏览器提供一个提示信息。<video> 标签之间的文本就是这个提示信息。

总之，在 HTML 中嵌入视频非常简单，只需要使用 <video> 和 <source> 标签即可。当然，为了兼容各个浏览器，还需要考虑不同的视频格式和 MIME 类型。如果你对这些概念不是很清楚，可以参考 MDN 上的相关文档进行了解。