Latest web development tutorials

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

HTMLオーディオ/ビデオタグリファレンス HTMLオーディオ/ビデオDOMリファレンス

ビデオのヒント持続時間が変更されました:

myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");

»をお試しください

定義と使用法

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

オーディオ/ビデオがロードされると、長さは、実際の時間の長さのオーディオ/ビデオに "NaNに」となります。

オーディオ/ビデオをロードしているとき、次のイベントが発生したことにより、プロセスが続くことになります。

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. 進捗
  6. canplay
  7. canplaythrough

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注:のInternet Explorer 8およびそれ以前のバージョンは、イベントをサポートしていません。


文法

HTMLの場合:

<audio|video ondurationchange=" SomeJavaScriptCode ">

JavaScriptで:

audio|video .ondurationchange= SomeJavaScriptCode ;

addEventListener()を使用します。

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

技術的詳細

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


例

より多くの例

HTML要素の属性ondurationchange使用

イベントdurationchangeをリッスンするには、addEventListener()を使用


HTMLオーディオ/ビデオタグリファレンス HTMLオーディオ/ビデオDOMリファレンス