video要素の合計(最大)再生時間を取得する
video要素の合計(最大)再生時間を取得するには、videoElement.duration
プロパティを使用します。
メディアファイルのメタ情報の読み込みが完了した後に取得可能です。
構文
var time = videoElement.duration;
戻り値
合計(最大)再生時間を秒で返します。
サンプルコード
HTML
<video id="video">
<source src="media/sample.mp4">
<source src="media/sample.ogv">
<source src="media/sample.webm">
</video>
JavaScript
var videoElem = document.getElementById('video');
videoElem.addEventListener('loadedmetadata', function() {
console.log(videoElem.duration);
});
- ※ loadedmetadataイベントはwindow.onloadイベントの後に登録すると発火しませんので、動画の読み込みが開始する前のDOMContentLoadedイベントの後に登録するようにしてください。
デモ
合計時間:0