使用jQuery事件停止/暂停BJQS幻灯片放映

时间:2014-02-07 11:25:59

标签: javascript jquery events vimeo bjqs

我使用BJQS制作了视频幻灯片。视频嵌入为<iframe>,源自Vimeo。幻灯片显示工作正常,但是,每当我播放视频时,幻灯片播放都会继续旋转,即视频播放几秒钟,然后淡入列表中的下一个视频。

有人可以建议如何实现添加到暂停幻灯片的BJQS的功能吗?我正在使用Vimeo API,因此可以使用诸如“on video start”和“on video finish”等事件,所以不要寻求帮助 - 只需暂停(在视频启动时将触发)并恢复(在视频结束时触发)幻灯片。

在BJQS源中,有一个功能可以暂停幻灯片'悬停',然后在悬停丢失时恢复幻灯片放映,这与Vimeo视频一起使用,但我尝试利用它的所有尝试都失败了。

我对jQuery比较陌生,不胜感激。

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

1 个答案:

答案 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

完全相同

如果您需要更多帮助来自定义此插件或者您无法更改插件,请告诉我们。