2

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

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

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

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

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

4

1 回答 1

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

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

于 2014-03-03T15:32:58.163 回答