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

瀏覽器相容性