当按下嵌入式视频播放时，jquery无限轮播自动播放需要停止

Question

问题示例：http://jsfiddle.net/EtWXX/

我将无限旋转木马设置为自动播放。 它还嵌入了视频。 但我需要做两件事。

1. 如果播放视频则停止。
2. 如果'下一步'停止＆amp; 'prev'与之互动。

Answer 1

您需要在事情与之互动时致电clearInterval(intervalId)，然后在您希望它再次开始滑动时再次使用intervalId = window.setInterval(slide, 5000);进行设置。如果你想让它在悬停时暂停，你会做类似的事情：

$('#viewport').hover(
     function(){clearInterval(intervalId);},
     function(){intervalId = window.setInterval(slide,5000);}
);

我不知道检测vimeo视频的代码是什么，但以这种方式打开/关闭滚动是微不足道的。

修改

对于vimeo，您应该查看他们API他们必须在?api=1的vimeo网址末尾添加iframe并加载名为froogaloop的库{}可以用来做到这一点：

        jQuery('iframe.vimeo').each(function(){
            $f(this).addEvent('play', function(){clearInterval(intervalId);});
            $f(this).addEvent('stop', function(){intervalId = window.setInterval(slide,5000);});
        });

应该在播放视频时停止播放幻灯片，并在视频停止时重新启动，它正在侦听来自API的事件

至于prev＆amp;接下来，只需在插件代码中的jQuery(next).click(function(event) {和jQuery(prev).click(function(event) {之后添加清除间隔，我不知道您希望如何恢复幻灯片，但我们已经知道了代码。 ..