- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-04 10:23:01
定义
playbackRate 属性设置或返回媒体元素（音频/视频）的当前播放速度；这可用于实现用户对快进、慢动作等的控制。正常播放速率乘以该属性的值以获得当前速率，其中值1.0表示正常速率。
说明：如果playbackRate属性值为负，媒体将向后播放。当媒体向后播放或快进或慢速运动超出有用范围时，音频将被静音。
语法
设置 playbackRate 属性：
audio|video.playbackRate=playbackspeed
返回 playbackRate 属性：
audio|video.playbackRate
属性值
| 值 | 描述 |
|---|---|
| playbackspeed | 一个double值，指示音频/视频的当前播放速度。 默认值为：1.0，表示“正常速度”；低于1.0使媒体播放速度低于正常速度的值，值越高，播放速度越快。 可以有以下例值： ● 1.0 正常速度 ● 0.5 半速（更慢） ● 2.0 倍速（更快） ● -1.0 向后，正常速度 ● -0.5 向后，半速 |
浏览器支持
| HTML音频/视频 DOM属性 |  |  |  |  |  |
playbackRate | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 playbackRate 属性。
注意：Internet Explorer 9 及之前的版本不支持 playbackRate 属性。
将视频设置为慢速播放：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0133技术站(0133.cn)</title>
</head>
<body>
<br>
<video id="video1" controls="controls">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822788248551.mp4" type="video/mp4">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822829671474.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
<br><br>
<button onclick="getPlaySpeed()" type="button">回放的速度是多少？</button>
<button onclick="setPlaySpeed()" type="button">视频设置为慢速播放</button>
<script>
myVid=document.getElementById("video1");
function getPlaySpeed()
{
alert(myVid.playbackRate);
}
function setPlaySpeed()
{
myVid.playbackRate=0.5;
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册