暫停jQuery與Video.js週期

我有一個jQuery週期滑塊，我需要暫停要麼當播放視頻或當到達幻燈片顯示視頻。（無論這些選項是好的，但我無法弄清楚如何暫停與某一類或ID的幻燈片。）我使用video.js顯示視頻。暫停jQuery與Video.js週期

正在發生的事情是，當我按下播放視頻開始播放，但是當我移動鼠標關閉視頻就自動進入下一張幻燈片。如果我點擊尋呼機縮略圖，它將保持暫停狀態，但如果幻燈片正常播放並按下播放，它將遵循由循環「超時」設置的規則。

我在尋找的是一種在播放視頻時暫停幻燈片顯示的方法 - 通過在視頻開始播放時調用事件，或者在到達視頻幻燈片時完全暫停幻燈片播放。

我有這樣的頭：

<script> 
    jQuery(document).ready(function($) {  
     $(".project_slides").cycle({ 
     fx:'fade', 
      timeout: 5000, 
      prev : '#prev', 
      next : '#next', 
      pager : '#pager', 
      pause: 1, 
      pagerAnchorBuilder: function(idx, slide) { 
       return '#pager li:eq(' + (idx) + ') a'; 
      } 
     }); 

     $('#pager a').click(function() { 
      $('.project_slides').cycle('pause'); 
     }); 

     function pauseitall() { 
      $('.project_slides').cycle('pause'); 
     } 
    }); 

</script>

和身體：

<div class="project_slides"> 
    <div class="slide"> 
     <img src="/media/{{ Slide.media }}" alt="{{ Slide.caption }}" /> 
    </div> 

    <div class="slide"> 
     <video id="video_11" 
      class="video-js vjs-default-skin" 
      controls width="512" 
      height="406" 
      poster="/media/images/video-poster.png" 
      preload="auto" loop> 
      <source type="video/mp4" src="/media/{{ Slide.media }}"> 
     </video> 

     <script> 
      $(function() { 
       _V_("video_11").ready(function() { 
       var myPlayer = this; 
       addEvent(myPlayer.video, "play", function() { 
        pauseitall()}, false); 
        myPlayer.play(); 
       }); 
      }); 
     </script> 
    </div> 
</div>

顯然pauseitall（）函數沒有正確調用，但我一直在這個掙扎這麼長時間（在這麼多次迭代），我最後只是想張貼在這裏，看看是否有人知道的解決方案。

僅供參考，使用jQuery 1.7.2，jQuery的週期2.9999.5和的Video.js 3.2.0

來源

2012-04-25 the_zero

試試這個：

myPlayer.addEvent("play", pauseitall);

this is how the docs指定如何綁定到事件

來源

2012-04-25 14:43:35 ManseUK

謝謝，但這似乎沒有任何影響。 _編輯1：_我回答後改變了答案。我以爲你必須通過jquery調用它時稍微不同地綁定事件。但我不完全確定。我會測試。 _編輯2：_仍然沒有工作 – 2012-04-25 14:48:44

@the_zero答案（因爲它是現在）應該如何工作，因爲它是如何在文檔中指定的...... – ManseUK 2012-04-25 14:52:16

我明白我已經將代碼更改爲myPlayer.addEvent（「玩」，pauseitall）;'但不暫停slidehow。 – 2012-04-25 15:31:51

暫停jQuery與Video.js週期

回答

相關問題