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 示例