HTMLMediaElement.playbackRate 屬性設置媒體文件播放時的速率。這用于實現(xiàn)讓用戶控制快放、慢放等。 正常播放速率乘以該值表示當前的播放速率,所以1.0表示一個正常的播放速率。 將 playbackRate 設為負值可以實現(xiàn)倒播。 媒體文件倒著播放時,或者播放速率低于或高于瀏覽器內核規(guī)定的可用范圍(比如,Gecko約定范圍是0.25~5.0)時,播放過程將靜音。 任意播放速率下,音頻的音調將默認與其匹配。一些瀏覽器實現(xiàn)了非標準的 preservespitch 屬性來進行音調控制。
將視頻設置為慢速播放:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML 音頻/視頻 playbackRate 屬性使用-菜鳥教程(cainiaoplus.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 | 指示音頻/視頻的當前播放速度。 例值:
|
返回值: | 數(shù)字值,當前播放速度 |
---|---|
默認值: | 1.0 |