video要素の現在の再生時間を取得または再生位置を設定する
video要素を現在の再生時間を取得または再生位置を設定するには、videoElement.currentTime
プロパティを使用します。
メディアファイルのメタ情報の読み込みが完了した後に取得・設定可能です。
構文
取得
var time = videoElement.currentTime;
設定
videoElement.currentTime = setTime;
引数
引数名 | 初期値 | 型 | 説明 |
---|---|---|---|
setTime 必須 |
number | 設定する再生位置(秒) |
戻り値
現在の再生位置を秒で返します。
サンプルコード
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('timeupdate', function() {
console.log(videoElem.currentTime);
});
デモ
現在の再生時間:0
- ※ コントローラに表示されている再生時間は四捨五入されている可能性があります。