HTML リファレンスマニュアル

HTML タグ一覧

HTML オーディオ/ビデオ DOM preload 属性

オンラインサンプル

ページが読み込まれたら、ビデオを開始します：

サンプル

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　preload　属性の使用-基本チュートリアル(oldtoolbag.com)>/title>
</head>
<body>
<button　onclick="enablePreload()"　type="button">ビデオをロードする</button>
<button　onclick="disablePreload()"　type="button">ビデオをロードしない</button>
<button　onclick="checkPreload()"　type="button">読み込み状態を確認</button>
<br>　
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザはHTMLをサポートしていません5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
function　enablePreload()
{　
　　myVid.preload="auto";
}　　
function　disablePreload()
{　
　　myVid.preload="none";
}　
function　checkPreload()
{　
　　alert(myVid.preload);
}　
</script>　
</body>
</html>

テストを見てみましょう «/›

定義と使用法

preload属性は、ページが読み込まれた後にオーディオをすぐに読み込むかどうかを設定または返します/ビデオ。
preload属性は、作者がブラウザに情報を提供するために許可されています/最も良いユーザーエクスペリエンスを提供すると考えられるヒント。ある場合には、この属性を無視することができます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザはpreload属性をサポートしています。

注意：Internet Explorer 8 及びその以前のバージョンではこの属性をサポートしていません。

構文

preload属性の設定：

audio|video.preload="auto|metadata|none"

preload属性の返り値：

audio|video.preload

属性値

値	説明
auto	ページが読み込まれた際にオーディオの読み込みを開始するように指示/ビデオ。
metadata	ページが読み込まれた後にオーディオのみを読み込むように指示/ビデオのメタデータ。
none	ページが読み込まれた後にオーディオを読み込まないように指示/ビデオ。

技術的詳細

返り値：	文字列値、auto\|metadata\|none

　HTML オーディオ/ビデオ DOM リファレンスマニュアル

HTML: <template> タグ