English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTMLMediaElement.playbackRate属性は、メディアファイルの再生時の速度を設定します。これはユーザーが早送り、遅送りなどを実現するために使用されます。通常の再生速度をこの値で乗じたものが現在の再生速度を示しますので、1.0は通常の再生速度を表します。 playbackRateを負の値に設定することで逆再生を実現できます。 メディアファイルを逆再生したり、再生速度がブラウザのカーネルが定義する利用可能な範囲より低いまたは高い場合(例えば、Geckoの約定範囲は0.25~5.0)の時、再生プロセスはミュートされます。 どんな再生速度でも、オーディオのトーンはデフォルトで一致します。一部のブラウザでは、トーン制御のために非標準のpreservespitch属性を実装しています。
HTML オーディオ/ビデオ DOM リファレンスマニュアル
ビデオをスローモーション再生に設定する:
<!DOCTYPE html> <html> <head> <meta charset="utf-8">-8"> <title>HTML オーディオ/video playbackRate 属性の使用-基本チュートリアル(oldtoolbag.com)</title> </head> <body> <button onclick="getPlaySpeed()" type="button">回放的速度は何ですか?</button> <button onclick="setPlaySpeed()" type="button">视频设置为慢速播放</button> <br> <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"); function getPlaySpeed() { alert(myVid.playbackRate); } function setPlaySpeed() { myVid.playbackRate=0.5; } </script> </body> </html>テストして見てみましょう ‹/›
playbackRate 属性の設定またはオーディオの返り値/ビデオの現在の再生速度。
IEFirefoxOperaChromeSafari
すべての主要ブラウザは playbackRate 属性をサポートしています。
注意:Internet Explorer 9 及びその以前のバージョンでは playbackRate 属性をサポートしていません。
playbackRate 属性を設定します:
audio|video.playbackRate=playbackspeed
playbackRate 属性を返します:
audio|video.playbackRate
値 | 説明 |
---|---|
playbackspeed | オーディオを示す/ビデオの現在の再生速度。 例値:
|
返り値: | 数値、現在の再生速度 |
---|---|
デフォルト値: | 1.0 |