ondurationchange イベント

DOM イベント Event オブジェクト

定義と使用法

ondurationchangeイベントは、オーディオ/ビデオの持续时间が変更されたときに発生します。

注記：オーディオ/ビデオが読み込まれた後、長さは「NaN」から実際のオーディオ/ビデオの長さに変わります。

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

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

インスタンス

例1

ビデオの長さが変更されたときにJavaScriptを実行します：

<video ondurationchange="myFunction()">

自分で試してみてください

例2

オーディオが開始されたときにJavaScriptを実行します：

<audio ondurationchange="myFunction()">

自分で試してみてください

文法

HTMLでは：

<element ondurationchange="myScript">

自分で試してみてください

JavaScriptでは：

object.ondurationchange = function(){myScript};

自分で試してみてください

JavaScriptでは、addEventListener()メソッドを使用して：

object.addEventListener("durationchange", myScript);

自分で試してみてください

注記：Internet Explorer 8以前のバージョンではサポートされません addEventListener()メソッド。

技術的な詳細

バブル： サポートされません
キャンセル可能： サポートされません
イベントタイプ： イベント
サポートされるHTMLタグ： <audio>および<video>
DOMバージョン： レベル3イベント

ブラウザのサポート

テーブルの数字には、そのイベントを完全にサポートする最初のブラウザのバージョンが記載されています。

イベント Chrome IE Firefox Safari オペラ
ondurationchange サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト