HTMLオーディオ/ビデオDOM期間変更イベント
例
動画の長さが変更されたことを警告します。
var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
alert("The video duration has changed");
};
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
durationchangeイベントは、指定されたオーディオ/ビデオの継続時間データが変更されたときに発生します。
注:オーディオ/ビデオがロードされると、継続時間は「NaN」からオーディオ/ビデオの実際の継続時間に変更されます。
オーディオ/ビデオのロードプロセス中に、次のイベントがこの順序で発生します。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
Event | |||||
---|---|---|---|---|---|
durationchange | Yes | 9.0 | Yes | Yes | Yes |
構文
HTMLの場合:
<audio|video ondurationchange="myScript">
JavaScriptの場合:
audio|video.ondurationchange=function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
audio|video.addEventListener("durationchange", myScript);
技術的な詳細
サポートされているHTMLタグ: | <オーディオ>と<ビデオ> |
---|---|
サポートされているJavaScriptオブジェクト: | オーディオビデオ |
その他の例
例
音声の長さが変更されたことを警告します。
var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
alert("The audio duration has changed");
};
❮HTMLオーディオ/ビデオDOMリファレンス