このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTMLMediaElement: preload プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

preloadHTMLMediaElement インターフェイスのプロパティで、製作者がどうすればもっとも使い勝手が良くなると考えているかについて、ブラウザーに与えるヒントを示す文字列です。

これは <audio> 要素と <video> 要素の preload 属性を反映しています。

文字列です。取りうる値は次の通りです。

none

このメディアを事前読み込みすべきではないことを示します。

metadata

メディアのメタデータ(長さなど)のみを取得することを示します。

auto

ユーザーが使用する予定がなくても、メディアファイル全体をダウンロードすることができることを示します。

空文字列

auto の値の別名です。

html
<video
  id="el"
  controls
  src="/asset?url=https%3A%2F%2Fexample.com%2Fmedia.mp4"
  poster="/asset?url=https%3A%2F%2Fexample.com%2Fmedia.jpg"
  width="800"
  height="600"
  preload="metadata">
  申し訳ありませんが、お使いのブラウザーは埋め込み動画に対応していません。<a href="/browse?url=https%3A%2F%2Fexample.com%2Fmedia.mp4" download="media.mp4">ダウンロードする</a>ことで、お好きな動画プレイヤーでご覧いただけますのでご安心ください!
</video>
js
const el = document.getElementById("el");
console.log(el.preload); // 出力: "metadata"

仕様書

仕様書
HTML
# dom-media-preload

ブラウザーの互換性