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

  • ※ コントローラに表示されている再生時間は四捨五入されている可能性があります。

JavaScript逆引きリファレンス一覧へ戻る