在网页嵌入视频的语法格式?video标签常见属性 及其值 说明

在HTML5中，可以使用`<video>`标签来嵌入视频到网页中。这个标签的基本语法格式如下：

<video controls>
  <source src="视频源文件路径" type="视频 MIME 类型">
  <!-- 如果浏览器不支持当前的视频格式，可以提供备选的源 -->
  <source src="备用视频源文件路径" type="备用视频 MIME 类型">
  <!-- 视频预览图，当视频无法播放时显示 -->
  <img src="poster-image-url" alt="视频预览">
</video>

其中，关键属性及其说明如下：

1. **controls**：这是一个布尔属性，默认值为`true`，表示显示视频播放控制条（如播放、暂停、音量等）。

2. **src**：必需属性，指定视频文件的URL。对于多个来源，可以使用`<source>`元素多次添加，浏览器会选择第一个能解析的格式。

3. **type**：也用于`<source>`元素，指定了视频文件的MIME类型，告诉浏览器如何解码该视频。例如：`type="video/mp4"` 或 `type="video/webm"`。

4. **width** 和 **height**：可选属性，设置视频播放区域的宽度和高度，单位为像素。

5. **autoplay**：布尔属性，如果设置为`true`，则视频会在页面加载时自动播放。

6. **loop**：布尔属性，如果设置为`true`，则视频会无限循环播放。

7. **preload**：设置了视频的预加载策略，如`auto`（预先加载），`metadata`（只加载足够的数据以显示元信息），或者`none`（不加载）。

8. ** poster**：指定视频加载前显示的占位图，通常是静止图片的URL。