javascript - 为什么视频 defaultPlaybackRate 在 Chrome 中不起作用？

Question

我看到了 defaultPlaybackRate 的一些示例，他们说它适用于 Chrome。所以我使用他们的示例代码并在 Chrome 上运行，当我单击按钮时它不会将速度更改为 3.0x。谁能告诉我为什么？

这是我的javascript代码，

$(document).ready(function(){

    var video = document.getElementById('video');

    $("#speed").click(function() { // button function for 3x fast speed
            video.defaultPlaybackRate=3.0;
    });

});

HTML代码，

<button id="speed" type="button">3.0x</button>

和

<video id="video" width="930" height="500" controls>
        <source src="caption.mp4" type="video/mp4">
        <source src="caption.ogg" type="video/ogg" >
        <source src="caption.webm" type="video/webm" >
</video> 

Answer 1

因为一旦更改了 defaultPlaybackRate，就必须使用 video.load(); 再次加载视频(或在视频加载之前设置它)。如果您想在视频播放时更改速率，请改用 playbackRate。

 var video = document.getElementById('video');
 $("#speed").click(function () { // button function for 3x fast speed
     video.defaultPlaybackRate = 3.0;
     video.load();
 });

或

 var video = document.getElementById('video');
 $("#speed").click(function () { // button function for 3x fast speed
     video.playbackRate  = 3.0;
 });

jsFiddle example