HTML Tag Reference

preload 属性

事前読み込みを指定

preload 属性は audio 要素、video 要素において、再生するファイルを事前に読み込んでおくかを指定します。この取り扱いはブラウザによりますので、確実に指定した通りの挙動となるかはわかりません。なお、autoplay 属性が同時に指定されている場合は、この属性の指定は無視されます。

preload 属性は列挙属性です。

属性値 概要
none 音声や動画が必ず再生されるとは限らない、または不必要トラフィックを避けたいといった意思をブラウザに伝えます。不要な読み込みを避けられるかもしれません。
metadata そのリソースのメタデータ（再生時間などの情報）だけは先に取得しておくことをブラウザに勧めます。
auto サーバのトラフィックなどは気にせず、閲覧者のニーズを優先してリソース全体をダウンロード開始してよいということをブラウザに伝えます。属性値が空の場合はこの扱いとなります。

preload 属性の仕様

この属性を使用できる要素

preload 属性のサンプルソース

<!-- audio 要素に指定した例 -->
<audio src="/sample.mp4" preload="none" controls="controls">
 <p>
  サンプルが視聴できます。ブラウザで再生できない場合は、下記からダウンロードしてご試聴ください。
  <a href="/sample.mp3" type="audio/mp3">ファイルのダウンロードはこちら（MP3 / 1.2MB）</a>
 </p>
</audio>

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。