preload属性

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

ブラウザ対応

構文

<video preload="キーワード"></video>

キーワード

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

サンプルコード

<video src="sample.mp4" preload="none" controls></video>

サンプル

HTMLソースコード

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

実際の表示

none：

metadata：

auto：