javascript - jQuery，为什么倒带playbackRate不起作用？

我得到了快进的playbackRate工作正常。现在，我尝试使用带有负数的倒带部分，但是它不起作用。 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;
});

最佳答案

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);
});

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