我使用BJQS制作了视频幻灯片。视频嵌入为<iframe>
,源自Vimeo。幻灯片显示工作正常,但是,每当我播放视频时,幻灯片播放都会继续旋转,即视频播放几秒钟,然后淡入列表中的下一个视频。
有人可以建议如何实现添加到暂停幻灯片的BJQS的功能吗?我正在使用Vimeo API,因此可以使用诸如“on video start”和“on video finish”等事件,所以不要寻求帮助 - 只需暂停(在视频启动时将触发)并恢复(在视频结束时触发)幻灯片。
在BJQS源中,有一个功能可以暂停幻灯片'悬停',然后在悬停丢失时恢复幻灯片放映,这与Vimeo视频一起使用,但我尝试利用它的所有尝试都失败了。
我对jQuery比较陌生,不胜感激。
另外,如果您知道任何类似的轻量级jQuery幻灯片,并且能够通过内置事件调用暂停,我愿意考虑转换,因为没有此功能的幻灯片对我的场景无用。
答案 0 :(得分: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
完全相同如果您需要更多帮助来自定义此插件或者您无法更改插件,请告诉我们。