HTMLMediaElement: preload 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLMediaElement 接口的 preload 属性是一个字符串,它向浏览器提供有关作者认为将带来最佳用户体验的提示。

它反映了 <audio> 元素和 <video> 元素的 preload 属性。

一个字符串。可能的值如下:

none

表示不应预加载媒体。

metadata(元数据)

表示仅获取媒体元数据(例如,时长)。

auto

表示即使预计用户不会使用整个媒体文件,也可以将其下载。

空字符串

auto 值的同义词。

示例

html
<video
  id="el"
  controls
  src="https://example.com/media.mp4"
  poster="https://example.com/media.jpg"
  width="800"
  height="600"
  preload="metadata">
  Sorry, your browser doesn't support embedded videos, but don't worry, you can
  <a href="https://example.com/media.mp4" download="media.mp4">download it</a>
  and watch it with your favorite video player!
</video>
js
const el = document.getElementById("el");
console.log(el.preload); // Output: "metadata"

规范

规范
HTML
# dom-media-preload

浏览器兼容性