jQuery,为什么倒回播放速率不起作用?

2024-03-19

我的快进播放率工作正常。现在我尝试使用负数的倒带部分,但它不起作用。 w3school 说使用负数来倒带。http://www.w3schools.com/tags/av_prop_playbackrate.asp 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;
});

小提琴样本 http://jsfiddle.net/bplumb/h9EVQ/8/

看起来没有完整的浏览器支持 http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-3-rewindfast-forward就倒带而言,播放速率选项。你可以通过使用来伪造它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);
});

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery,为什么倒回播放速率不起作用? 的相关文章

随机推荐