preload 属性は、ページをロードするときに、メディアファイルをロードすべきか、ロードするときはどのようにロードすべきか、作者の考えを指定します。
preload 属性は、最良のユーザエクスペリエンスに関する作者の考えについて、ブラウザにヒントを与えるものです。
注: preload 属性は、autoplay が存在すれば無視されます。
controls 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <audio> | controls |
| <video> | controls |
作者は、ページをロードするときに、サウンドをロードすべきではないと考えます：
<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>
Try it Yourself ❯
作者は、ページをロードするときに、ビデオをロードすべきではないと考えます：
<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>
Try it Yourself ❯
preload 属性は、要素ごとに以下のブラウザがサポートしています。
| 要素 | |||||
|---|---|---|---|---|---|
| audio | 4.0 | 9.0 | 4.0 | 4.0 | 10.5 |
| video | 4.0 | サポートなし | 4.0 | 4.0 | 10.5 |