将视频设置为慢动作播放:
<button onclick="getPlaySpeed()" type="button">播放速度是多少?</button>
<button onclick="setPlaySpeed()" type="button">将视频设置为慢动作播放</button><br>
<video id="myVideo" width="320" height="176" controls>
<source src="../../../assets/mov_bbb.mp4" type="video/mp4">
您的浏览器不支持 HTML5 视频。
</video>
<script>
var vid = document.getElementById("myVideo");
function getPlaySpeed() {
alert(vid.playbackRate);
}
function setPlaySpeed() {
vid.playbackRate = 0.5;
}
</script>
JavaScript:
var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;
PlaybackRate
属性设置或返回音频/视频的当前播放速度。
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 Property | |||||
---|---|---|---|---|---|
playbackRate | Yes | 9.0 | 20.0 | Yes | Yes |
返回 playbackRate
属性:
audio|video.playbackRate
设置 playbackRate
属性:
audio|video.playbackRate=playbackspeed
值 Value | 描述 Description |
---|---|
playbackspeed | 指示音频/视频(audio/video)的当前播放速度。 示例值: * 1.0 是正常速度 * 0.5 是半速(较慢) * 2.0 为双倍速度(更快) * -1.0 是向后,正常速度 * -0.5 是向后,半速 |
返回值: | number,当前播放速度 |
默认值: | 1.0 |