video要素の再生速度の変更または取得する
video要素の再生速度の変更または取得するには、videoElement.playbackRate
プロパティを使用します。
メディアファイルのメタ情報の読み込みが完了した後に変更・取得が可能です。
構文
取得
var rate = videoElement.playbackRate;
設定
videoElement.playbackRate = setRate;
引数
引数名 | 初期値 | 型 | 説明 |
---|---|---|---|
setRate 必須 |
1.0 | number | 再生速度を0~5の間で指定 |
戻り値
現在の再生速度を0~5の間で返します。
サンプルコード
HTML
<video id="video" autoplay>
<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() {
videoElem.playbackRate = 0.75;
});
デモ
現在の再生速度:1.00