1. 開発者向けのウェブ技術
  2. Web API
  3. HTMLMediaElement
  4. preload

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

View in English Always switch to English

HTMLMediaElement: preload プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

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

これは <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">
 申し訳ありませんが、お使いのブラウザーは埋め込み動画に対応していません。<a href="https://example.com/media.mp4" download="media.mp4">ダウンロードする</a>ことで、お好きな動画プレイヤーでご覧いただけますのでご安心ください!
</video>
js
const el = document.getElementById("el");
console.log(el.preload); // 出力: "metadata"

仕様書

Specification
HTML
# dom-media-preload

ブラウザーの互換性

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

AltStyle によって変換されたページ (->オリジナル) /