HTMLMediaElement: preload 属性

基线广泛可用

此功能已发展成熟，并在许多设备和浏览器版本中都能正常运行。它自 2015 年 7 月.

报告反馈

**preload** 是 HTMLMediaElement 接口的一个属性，是一个字符串，为浏览器提供一个关于作者认为哪些选项可以带来最佳用户体验的提示。

值

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

一个字符串。可能的值如下: none
表示不预加载媒体。: metadata
表示只获取媒体元数据（例如长度）。: auto
表示可以下载整个媒体文件，即使用户预计不会使用它。: 空字符串

示例

auto 值的同义词。

<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>

html

const el = document.getElementById("el");
console.log(el.preload); // Output: "metadata"

规范

js
规范 # HTML 标准

浏览器兼容性

dom-media-preload