HTML Audio/Video DOM durationchange イベント

ビデオの再生時間が変更されたことを通知します：

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
alert("The video duration has changed");
};

他の "Try it Yourself" の例が下にあります。

定義と用法

durationchange イベントは、指定のオーディオ/ビデオの再生時間データが変更されたときに発生します。

注: オーディオ/ビデオがロードされると、再生時間は、"NaN" からオーディオ/ビデオの実際の再生時間に変更されます。

オーディオ/ビデオのロード処理中に、次のイベントがこの順序で発生します：

表中の数字は、イベントを完全にサポートした最初のブラウザ・バージョンを指定しています。

イベント
durationchange	Yes	9.0	Yes	Yes	Yes

HTML の場合：

<audio|video ondurationchange="myScript">Try it

JavaScript の場合：

audio|video.ondurationchange=function(){myScript};Try it

JavaScriptで、addEventListener() メソッドを使用する場合：

audio|video.addEventListener("durationchange", myScript);Try it

注: addEventListener() メソッドは、 Internet Explorer 8 以前のバージョンではサポートしていません。

サポートする HTML タグ：	<audio> および <video>
サポートするJavaScript オブジェクト：	Audio, Video

オーディオの再生時間が変更されたことを通知します：

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
alert("The audio duration has changed");
};