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

HTMLタグ一覧

HTML オーディオ/ビデオDOM load()メソッド

load()メソッドはメディアを初期状態にリセットし、再生源を選択し、メディアを再読み込みするための準備をします。プレロード情報はpreloadパラメータによって決定されます。このメソッドはメディアに対して動的な変更を行う場合にのみ有効です。src属性を変更するか、sourceを追加または削除します。load()は、変更が有効になるように要素を再スキャンし、メディアを初期状態にリセットします。

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

オンラインサンプル

ビデオソースを変更し、ビデオを再読み込み：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　load()メソッドの使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<button　onclick="changeSource()"　type="button">ビデオソースを変更</button>
<br>　
<video　id="video1"　controls="controls"　autoplay="autoplay">
　　<source　id="mp4_src"　src="movie.mp4"　type="video/mp4">
　　<source　id="ogg_src"　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザはHTMLを5　video　　タグ。
</video>
<script>　
function　changeSource()
{　
　　document.getElementById("mp4_src").src="mov_bbb.mp"4";
　　document.getElementById("ogg_src").src="mov_bbb.ogg";
　　document.getElementById("video1").load();
}　
</script>　
</body>
</html>

テストして見てください ‹/›

定義と使用法

load() メソッドでオーディオを再読み込み/ビデオ要素を再読み込みするために使用されます。

load() メソッドは、ソースを変更したり他の設定を変更した後にオーディオ/ビデオ（audio/video）要素を更新します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9+、Firefox、Opera、Chrome および Safari 6 load() メソッドをサポートしています。

注意：Internet Explorer 8 及びそれ以前のバージョンでは load() メソッドをサポートしていません。

構文

audio|video.load()

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

HTML: <template> タグ