javascript - jQuery，为什么倒带播放率不起作用？

Question

我的快进播放率工作正常。现在我尝试使用负数的倒带部分，但它不起作用。 w3school 说要使用负数来倒回它。 http://www.w3schools.com/tags/av_prop_playbackrate.asp谁能告诉我我做错了什么？

这里我的 javascript 工作代码用于快进，

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

那么这里不成功倒回代码，

$("#negative").click(function() { // button function for rewind
    video.playbackRate = -3.0;
});

Answer 1

Sample Fiddle

好像没有complete browser support就倒带而言，播放速率选项。您可以通过使用 setinterval 并减去视频的 currentTime 来伪造它。

var video = document.getElementById('video');
var intervalRewind;
$(video).on('play',function(){
    video.playbackRate = 1.0;
    clearInterval(intervalRewind);
});
$(video).on('pause',function(){
    video.playbackRate = 1.0;
    clearInterval(intervalRewind);
});
$("#speed").click(function() { // button function for 3x fast speed forward
    video.playbackRate = 3.0;
});
$("#negative").click(function() { // button function for rewind
   intervalRewind = setInterval(function(){
       video.playbackRate = 1.0;
       if(video.currentTime == 0){
           clearInterval(intervalRewind);
           video.pause();
       }
       else{
           video.currentTime += -.1;
       }
            },30);
});

我还为播放和暂停按钮添加了一些额外的监听器以清除间隔。可能还想研究在快进和快退按钮上做一些切换功能。