HTML5视频/ Jquery - current.Time问题

时间:2014-03-31 01:16:26

标签: jquery html5-video

我正在开展一个项目,我需要在一个视频中跳转到不同的时间,同时在指定的部分循环。

例如:视频A分为两部分,第一部分(1-10秒)和第二部分(11-20秒)。最初,第一部分循环直到按下一个按钮,此时当前时间将跳到第二部分,第二部分将在第二部分循环。

我的代码一直工作到按下按钮的位置。该错误似乎与.bind()函数的使用有关,但我不确定。这只是一个漏洞,直到错误发生。

$("#first").bind("timeupdate", function () {
    if (this.currentTime > 10) this.currentTime = 0;
});



$('#hit').on('click', function () {

    $("#first").bind("timeupdate", function () {
        this.currentTime = 11;

    if (this.currentTime > 20) this.currentTime = 11;
});


});

http://jsfiddle.net/jcLRe/17/

看了类似的文章后,这似乎是一个常见的问题。感谢任何帮助。

-Thanks!

1 个答案:

答案 0 :(得分:0)

问题$("#first")已在this.currentTime > 10中绑定。所以,当你点击" Hit"按钮和this.currentTime = 11,由于第一次绑定,它将再次变为0。缪斯的答案是对的。如果你想切换Hit按钮再次从零开始播放。只需将section = 2更改为

即可
if(section == 1) 
        section = 2;
    else 
        section = 1;