試圖再次解釋jQuery - 如何暫停視頻播放？

好吧，我試圖修改一些已經寫好的jQuery - 作爲背景，我很熟悉Javascript，但是我對jQuery只有如此。我對這段代碼的理解是有一個滾動條，每6秒會更改一次。我不確定這裏是否有任何視頻特定的代碼 - 現在滾動條有一個嵌入到其中一個窗格上的視頻，點擊它。試圖再次解釋jQuery - 如何暫停視頻播放？

我想要做的是設置一個圖像（當前在<div class=vid>裏面，沒有顯示），當它被點擊時，它將停止平移，直到點擊底部的一個按鈕，它會也播放Flash視頻。

下面的代碼：

<script type="text/javascript"> 
    jQuery(document).ready(function() { 

    var scroll_item = jQuery("#chained").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ 
      interval: 6000, 
      autoplay: false, 
      autopause: false 
     }); 
    window.scroll_control = scroll_item.data("scrollable"); 


    scroll_control.play(); 

    var $playBtn = $('#p-p-btn'); 

     $playBtn.click(function(){ 
      if($(this).hasClass('play')){ 
       $(this).addClass('pause'); 
       $(this).removeClass('play'); 
       scroll_control.play(); 
      } else if($(this).hasClass('pause')) { 
       $(this).addClass('play'); 
       $(this).removeClass('pause'); 
       scroll_control.stop(); 
      }; 
           }); 

     jQuery('#chained').hover(
      function() { scroll_control.stop(); }, 
      function() { 
       if ($playBtn.hasClass('pause')) { 
        scroll_control.play(); 
        } 
       } 
      ); 

    }); 
</script>

我相信我所要做的就是增加，這將決定圖像是否被點擊（它是<div class=vid>的條件，但我打算給它一個id以及可能），這將關閉（也許通過「點擊」播放/關閉按鈕？），並且它還將以自動播放設置啓動視頻。

這聽起來準確嗎？

我該怎麼辦？

來源

2012-06-07 Andrew Alexander

我不完全理解代碼，因爲我不知道整個上下文。但是請嘗試在您的文檔中添加以下內容：

$("#YOURIMAGEID").bind("click",function(){ 
      scroll_control.stop(); 
      $('#p-p-btn').addClass('play'); 
      $('#p-p-btn').removeClass('pause'); 
     //other logic 
});

來源

2012-06-07 14:50:59

這會做什麼？ –

停止控制並可視化暫停按鈕。 –

試圖再次解釋jQuery - 如何暫停視頻播放？

回答

相關問題