暂停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周期

回答

相关问题