HTML オーディオ/ビデオ DOMdurationchangeイベント
HTML オーディオ/ビデオ DOM リファレンスマニュアル
例
ビデオの再生時間が変更されたことを示します：
myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");
myVid.ondurationchange=alert("The video duration has changed");
試してみる »
定義と使い方
指定されたオーディオ/ビデオの再生時間データが変化すると、durationchange イベントが発生します。
オーディオ/ビデオが読み込まれると、再生時間は「NaN」から実際のオーディオ/ビデオの再生時間に変わります。
オーディオ/ビデオの読み込み中に、以下のイベントが順番に発生します。
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
ブラウザーのサポート
すべての主要ブラウザーが durationchange イベントをサポートしています。
注意：Internet Explorer 8 以前のバージョンでは、このイベントはサポートされていません。
構文
HTML の場合：
<audio|video ondurationchange="SomeJavaScriptCode">
JavaScript の場合：
audio|video.ondurationchange=SomeJavaScriptCode;
addEventListener() を使用する場合：
audio|video.addEventListener("durationchange", function()
{
//SomeJavaScriptCode
}
);
{
//SomeJavaScriptCode
}
);
技術的な詳細
| 以下の HTML タグがサポートされています： | <audio>, <video> |
|---|---|
| 以下の JavaScript オブジェクトがサポートされています： | Audio, Video |
その他の例
HTML オーディオ/ビデオ DOM リファレンスマニュアル その他の拡張機能