HTMLプリロード属性
定義と使用法
このpreload属性は、ページの読み込み時にメディアファイルを読み込む必要があるかどうか、および作成者がどのように考えるかを指定します。
このpreload属性を使用すると、作成者は、最高のユーザーエクスペリエンスにつながると考えていることについて、ブラウザーにヒントを提供できます。この属性は、場合によっては無視されることがあります。
注：自動再生が存在する場合、preload属性は無視されます。
に適用されます
このpreload属性は、次の要素で使用できます。
| 要素 | 属性 |
|---|---|
| <オーディオ> | プリロード |
| <ビデオ> | プリロード |
例
オーディオの例
作成者は、ページの読み込み時にサウンドを読み込まないようにする必要があると考えています。
<audio controls preload="none">
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
ビデオの例
作成者は、ページが読み込まれるときに動画を読み込むべきではないと考えています。
<video controls preload="none">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
ブラウザのサポート
このpreload属性では、要素ごとに次のブラウザがサポートされています。
| Element | |||||
|---|---|---|---|---|---|
| audio | 4.0 | 9.0 | 4.0 | 4.0 | 10.5 |
| video | 4.0 | Not supported | 4.0 | 4.0 | 10.5 |