使用 jQuery 事件停止/暂停 BJQS 幻灯片答案

【问题标题】：Stopping/pausing the BJQS slideshow using jQuery events使用 jQuery 事件停止/暂停 BJQS 幻灯片
【发布时间】：2014-02-07 11:25:58
【问题描述】：

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

谁能建议如何实现一个添加到 BJQS 的功能来暂停幻灯片？我正在使用 Vimeo API，因此有可用的事件，例如“视频开始”和“视频结束”，所以不要寻求帮助 - 只是暂停（视频开始时会触发）和恢复（视频结束时触发）幻灯片。

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

我对 jQuery 比较陌生，如果有任何建议，我将不胜感激。

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

【问题讨论】：

在 BJQS 中我看到了这样的选项：automatic : true 这意味着幻灯片自动更改幻灯片。我不知道，但是在播放视频时尝试将此选项更改为 false。
如果可以的话，提供一个小提琴
@Epsil0neR 我试过了，不幸的是它没有用。此选项仅适用于页面加载。
@verbumSapienti 然后使用另一个插件，因为这不会在运行时对他进行操作。或者尝试查看源代码并找到将自动设置为 true/false 的“私有”成员，并尝试将它们设为“公共”以从外部代码访问它们。当然，如果许可证允许这种黑客攻击。

标签： javascript jquery events vimeo bjqs

【解决方案1】：

我知道您请求使用 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

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

【讨论】：