2014-02-07 47 views
2

我使用BJQS制作了视频幻灯片。这些视频被嵌入为s,并且源自Vimeo。幻灯片播放工作正常,但是,每当我播放视频时,幻灯片都会进行旋转,即播放视频几秒钟,然后淡入列表中的下一个视频。使用jQuery事件停止/暂停BJQS幻灯片

任何人都可以建议如何去实现一个功能添加到BJQS暂停幻灯片?我正在使用Vimeo API,因此有可用的事件,例如'开始视频'和'视频结束',所以不要寻求帮助 - 暂停(视频开始时会触发)和恢复(视频完成时触发)幻灯片。

在BJQS源中,有一个功能可以暂停幻灯片显示'悬停',然后在悬停丢失时恢复幻灯片显示,这与Vimeo视频一起工作,但是我所有尝试利用此功能失败。

我对jQuery来说比较新,希望有任何建议。另外,如果您知道任何类似轻量级jQuery幻灯片,并且可以通过内置的事件调用暂停,我愿意考虑转换,因为没有此功能的幻灯片对我的场景无用。

+0

在BJQS中,我看到了这样的选项:'自动:真实',这意味着幻灯片会自动更改幻灯片。我不知道,但尝试在播放视频时将此选项设置为false。 – Epsil0neR

+0

提供一个小提琴,如果你可以 – laaposto

+0

@ Epsil0neR我试过了,不幸的是它没有工作。该选项仅适用于页面加载。 – verbumSapienti

回答

0

我知道你要求使用BJQS,但他们不支持他们的插件上的任何事件,我试图添加你正在寻找的支持,但我没有那么多时间去做。而不是使用该插件如何使用循环?

有小提琴上的样本(不是我)

http://jsfiddle.net/ezrafree/hrX2j/

代码类似于bjqs:

$('#container').cycle({ 
    /* cycle options */ 
    fx:  'scrollHorz', 
    prev: '#prev', 
    next: '#next', 
    timeout: 0, 
    after: function() { 
     $('#container iframe').attr('src', ''); 
     var theSource = $(this).find('iframe').attr('alt'); 
     console.log('theSource:before', theSource); 
     $(this).find('iframe').attr('src', theSource); 
    } 
}); 
他们使用VIMEO,YouTube和也有一些静态内容

。你可以定制你的需求,使它看起来酷似bjqs多http://jquery.malsup.com/cycle/more.html?v2.23

让我们知道如果你需要更多的帮助,定制这个插件,如果你不能改变的插件。