javascript - 使用 jQuery 事件停止/暂停 BJQS 幻灯片

Question

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

任何人都可以建议如何实现添加到 BJQS 的暂停幻灯片的功能吗？我正在使用 Vimeo API，因此有可用的事件，例如“视频开始时”和“视频结束时”，因此无需寻求帮助 - 只需暂停(视频开始时触发)和恢复(视频结束时触发)幻灯片。

在 BJQS 源代码中，有一个功能可以“悬停时”暂停幻灯片放映，然后在悬停丢失时恢复幻灯片放映，该功能适用​​于 Vimeo 视频，但我所有利用此功能的尝试都失败了。

我对 jQuery 比较陌生，希望得到任何建议。

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

Answer 1

我知道您请求使用 BJQS，但他们的插件不支持任何事件，我尝试添加您正在寻找的支持，但我没有太多时间来做到这一点。不使用该插件，使用循环怎么样？

fiddle 上有一个示例(不是我的)

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

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