preload属性

audio要素のpreload属性は、ページ読み込み時に、オーディオ・ファイルも読み込むべきかどうかを指定する属性。

ブラウザ対応

構文

<audio preload="keyword"></audio>

keyword

none
ページ読み込み時に、オーディオ・ファイルは読み込まないべき。
metadata
ページ読み込み時に、オーディオ・ファイルのメタデータは読み込むべき。
auto
ページ読み込み時に、オーディオ・ファイルを読み込むべき。

サンプルコード

<audio src="sample.mp3" preload="none" controls></audio>

サンプル

HTMLソースコード

<p>none： <audio src="sample-audio.mp3" preload="none" controls style="vertical-align: middle;">代替コンテンツ。</audio></p>
<p>metadata： <audio src="sample-audio.mp3" preload="metadata" controls style="vertical-align: middle;">代替コンテンツ。</audio></p>
<p>auto： <audio src="sample-audio.mp3" preload="auto" controls style="vertical-align: middle;">代替コンテンツ。</audio></p>

実際の表示

none：

metadata：

auto：