HTML5視頻/ jquery - current.Time問題

Question

我正在製作一個項目，我需要在一個視頻中跳轉到不同的時間，並且在指定的部分循環播放。視頻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/

看着similiar文章後，似乎這是一個常見的問題。感謝任何幫助。

- 謝謝！

Answer 1

問題是$("#first")已經綁定在this.currentTime > 10。所以當你點擊「Hit」按鈕並且this.currentTime = 11時，由於第一次綁定，它會再次變爲0。繆斯的回答是正確的。如果你想切換擊中按鈕再次從零播放。只要改變section = 2到

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