Video playbackRate 属性
将视频设置为慢速播放:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>蜜蜂教程(mifengjc.com)</title> </head> <body> <video id="myVideo" width="320" height="240" controls> <source src="/examples/movie.mp4" type="video/mp4"> <source src="/examples/movie.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video><br> <button onclick="getPlaySpeed()" type="button">播放速度为?</button> <button onclick="setPlaySpeed()" type="button">设置视频慢速播放</button> <script> var x = document.getElementById("myVideo"); function getPlaySpeed() { alert(x.playbackRate); } function setPlaySpeed() { x.playbackRate = 0.5; } </script> </body> </html>
定义和用法
playbackRate 属性设置或返回视频的当前播放速度。
浏览器支持
所有主流浏览器都支持 playbackRate 属性
注意: Internet Explorer 9 及更早IE版本不支持 playbackRate 属性。
语法
返回 playbackRate 属性:
videoObject.playbackRate
设置 playbackRate 属性:
videoObject.playbackRate=playbackspeed
属性值
值 | 描述 |
---|---|
playbackspeed |
指示视频的当前播放速度。 例值:
|
技术细节
返回值: | 数字,表示当前视频的播放速度 |
---|---|
默认值: | 1.0 |
更多实例
设置视频快速播放:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>蜜蜂教程(mifengjc.com)</title> </head> <body> <video id="myVideo" width="320" height="240" controls> <source src="/examples/movie.mp4" type="video/mp4"> <source src="/examples/movie.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video><br> <button onclick="getPlaySpeed()" type="button">播放速度为?</button> <button onclick="setPlaySpeed()" type="button">设置视频快速播放</button> <script> var x = document.getElementById("myVideo"); function getPlaySpeed() { alert(x.playbackRate); } function setPlaySpeed() { x.playbackRate = 5; } </script> </body> </html>
Video 对象