使用Video.js暂停jQuery Cycle

我有一个jquery循环滑块,我需要在播放video或达到显示video的幻灯片时暂停。 (这些选项中的任何一个都没问题,但我无法弄清楚如何暂停具有特定类或ID的幻灯片。)我正在使用video.js来显示video。

发生的事情是当我按下播放video开始播放时,但当我将鼠标移开video时它会自动转到下一张幻灯片。 如果我点击寻呼机缩略图它会暂停,但如果幻灯片正常进行并按下播放,它将遵循周期’超时’设置的规则。

我正在寻找的是一种在播放video时暂停幻灯片放映的方法 – 通过在video开始播放时调用事件,或者在到达video幻灯片时完全暂停幻灯片放映。

我头脑中有这个:

 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'); } });  

并在身体:

 
{{ Slide.caption }}
$(function() { _V_("video_11").ready(function() { var myPlayer = this; addEvent(myPlayer.video, "play", function () { pauseitall()}, false); myPlayer.play(); }); });

显然,pauseitall()函数没有被正确调用,但是我一直在努力解决这个问题(在很多次迭代中),我最后只是想在这里发布它,看看是否有人知道解决方案。

供参考,使用jQuery 1.7.2,jquery循环2.9999.5和Video.js 3.2.0

试试这个:

 myPlayer.addEvent("play", pauseitall); 

这是文档如何指定如何绑定到事件