HTMLリファレンスマニュアル

HTMLタグ完全版

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

duration属性が更新されたときに、durationchangeイベントがトリガーされます。

オンラインサンプル

ビデオの長さが変更されたことを通知します：

例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML オーディオ/ビデオdurationchangeイベントの使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　あなたのブラウザはHTML5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");
</script>　
</body>
</html>

テストを見てみましょう ‹/›

定義と使用方法

指定されたオーディオ/ビデオの持续时间データを読み込んだとき、durationchangeイベントが発生します。
注意：オーディオ/ビデオの後、持续时间は「NaN」からオーディオ/ビデオの実際の持续时间。

オーディオ/ビデオが読み込まれている間、以下のイベントが順番に発生します：

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが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 オブジェクトがサポートされています：	オーディオ、ビデオ

さらに多くの例

HTML 要素上で ondurationchange 属性を使用

addEventListener() を使用して durationchange イベントをリスン

　HTML オーディオ/ビデオ DOM リファレンスマニュアル

HTML: <template> タグ