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

HTML タグ一覧

HTML オーディオ/ビデオ DOM loadstart イベント

loadstart イベントは、ブラウザがリソースファイルを読み込み始めたときに発生します。

オンラインのサンプル

ビデオの読み込みが開始されました：

例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML　オーディオ/ビデオ　onloadstart　イベントの使用-基本のチュートリアル(oldtoolbag.com)</title>
</head>
<body>
<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");
myVid.onloadstart=alert("ビデオを読み込む開始");
</script>　
</body>
</html>

テストしてみる ‹/›

定義と使用法

ブラウザが指定されたオーディオを探し始めたとき/ビデオのとき、loadstartイベントが発生します。これは読み込みプロセスが始まる時間です

オーディオ/ビデオの読み込み中に、以下の順番で以下のイベントが発生します：

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが loadstart イベントをサポートしています。

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

文法

HTML で：

<audio|video onloadstart="SomeJavaScriptCode">

JavaScript で：

audio|video.onloadstart=SomeJavaScriptCode;

addEventListener() を使用

audio|video.addEventListener("loadstart", function()
　 {
　 //SomeJavaScriptCode
　 }
);

技術的詳細

以下の HTML タグがサポートされています：	<audio>, <video>
以下の JavaScript オブジェクトがサポートされています：	オーディオ、ビデオ

さらに例

HTML 要素上で onloadstart 属性を使用

addEventListener() を使用して loadstart イベントをリスン

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

HTML: <template> タグ