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

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

1 个答案: