htmlvideoelement HTML video preload 属性

htmlvideoelement

HTMLVideoElement 是 HTML5 中的一个新元素，它可以用来在网页上播放视频。它是一个块级元素，可以嵌入到 HTML 文档中，并且可以使用 JavaScript 来控制。

HTMLVideoElement 允许开发者在网页上嵌入视频，而不必使用外部的插件或者 Flash。它也可以用来创建动态的、交互式的视频内容，例如在网页上显示一个视频流或者加入一些特效。

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

HTMLVideoElement 的语法很简单，你只需要在 HTML 文档中包含一个 <video> 元素即可。你还可以通过 width 和 height 属性来设置视频的尺寸；通过 controls 属性来显示控制栏；通过 src 属性来引用外部的视频文件。此外，你还可以使用 标签来引用多个不同格式的视频文件（例如 MP4、OGG 等）。

HTMLVideoElement 还有很多高级特性，例如 autoplay、loop、muted 等属性。此外，你还可以使用 JavaScript 来动态地控制视频的行为——例如播放、暂停、重新开始、快进快退、跳到特定时间戳等。此外，你也可以监听不同事件——例如当前时间已到达末尾时会出发 ended 事件。

HTML video preload 属性

HTML <video> 标签

preload 属性表示是否在完成页面加载后，载入视频，可选的三个取值为：none、metadata、auto，请参考下述例子：

实例

页面加载时视频不应该被载入：

<video controls preload="none">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

---

浏览器支持

除了Internet Explorer，所有主流浏览器都支持 preload 属性。

---

定义和用法

preload 属性规定是否在页面加载后载入视频。

如果设置了 autoplay 属性，则忽略该属性。

注意： 如果使用 autoplay 属性 preload 将被忽略。

---

HTML 4.01 与 HTML5之间的差异

<video> 标签是 HTML5 新标签。

---

语法

<video preload="auto|metadata|none">   

属性值

值	描述
auto	指示一旦页面加载，则开始加载音频/视频。
metadata	指示当页面加载后仅加载音频/视频的元数据。
none	指示页面加载后不应加载音频/视频。

---

HTML <video> 标签

相关文章

HTML DOM 参考手册：HTML DOM Video preload 属性