暫停後html5視頻無法播放

Question

我正在努力與自動暫停，然後再次播放（手動）問題。視頻暫停後2秒這是好的。現在有另一個按鈕，點擊該按鈕後，視頻應該從暫停的位置開始播放。

這裏是我的代碼（HTML）：

<div class="restart">Restart after pause</div> 
<video id="video" width="400" height="400" id="video" src="http://media.w3.org/2010/05/sintel/trailer.mp4" controls autoplay /> 

的jQuery：

jQuery(document).ready(function ($) { 

    $('#video').get(0).play(); 


    setInterval(function() { 
     if ($('#video').get(0).currentTime >= 2) { 
      $('#video').get(0).pause(); 
     } 
    }, 100); 


    $(".restart").click(function(event){ 

     $('#video').get(0).play(); 


    setInterval(function() { 
     if ($('#video').get(0).currentTime >= 6) { 
      $('#video').get(0).pause(); 
     } 
    }, 100); 
    }); 

}); 

我絕對不是在正確的道路上就當前的時間和設置time.Please建議。

的的jsfiddle是提前

http://jsfiddle.net/squidraj/KmQxL/10/

感謝。因爲它們是不必要的與現有的timeupdate事件http://jsfiddle.net/VZuuF/1/

我擺脫你的setIntervals的：

Answer 1

請仔細閱讀本小提琴。

$(document).ready(function() 
{ 
    var checkedFirst = false; 
    var checkedSecond = false; 
    $player = $('#video').get(0); 
    $player.play(); 

    $player.addEventListener('timeupdate', function(event) 
    { 
     console.log($player.currentTime); 
     if ($player.currentTime >= 2 && !checkedFirst) 
     { 
      checkedFirst = true; 
      $player.pause(); 
     } 

     if ($player.currentTime >= 6 && !checkedSecond) 
     { 
      checkedSecond = true; 
      $player.pause(); 
     } 
    }); 


    $(".restart").click(function(event) 
    { 
     $player.play(); 
    }); 
});