如何在 HTML 中嵌入视频

要在 HTML 中嵌入视频，可以使用 HTML5 的<video>标签。以下是介绍如何在 HTML 中嵌入视频的步骤和代码示例。

步骤

1. 准备一个视频文件，可以是 .mp4、.webm 或 .ogg 格式。
2. 使用<video>标签在 HTML 中嵌入视频。
3. 设置<video>标签的属性，如视频文件路径、宽度、高度、控制器等。
4. 在<video>标签之间添加<source>标签，并设置视频文件的路径和格式。
5. 在<video>标签之间添加<track>标签，支持视频剧本和字幕。

代码示例

以下是一个 HTML 页面中嵌入视频的基本示例。

<video controls width="640" height="360">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <track kind="subtitles" src="subtitles.vtt" srclang="en" label="English">
  <track kind="captions" src="captions.vtt" srclang="en" label="English">
  Your browser does not support the video tag.
</video>

解析：

• <video>标签包含<source>和<track>标签，如果浏览器不支持<video>标签，会显示Your browser does not support the video tag.
• controls属性用于添加控制条，width属性设置视频宽度，height属性设置视频高度。
• <source>标签包含视频文件路径和格式，如果视频文件不是支持的格式，会自动选择下一个支持的文件格式播放。
• <track>标签用于添加视频的剧本和字幕，kind属性设置类型，src属性设置路径，srclang属性设置语言，label属性设置标签显示的文字。

总结

使用<video>标签在 HTML 中嵌入视频是一个简单有效的方法，需要注意设置标签属性和添加<source>和<track>标签。