在嵌入式视频上按下播放键时，jquery无限转盘自动播放需要停止

jquery infinite carousel auto-play needs to stop when press play on embedded video

本文关键字：无限 自动播放 jquery 视频 嵌入式 播放      更新时间：2023-09-26

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

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

  1. 播放视频时停止
  2. 如果"下一个"&"则停止prev’进行交互

您只需要在与事物交互时调用clearInterval(intervalId)，然后在希望它再次开始滑动时使用intervalId = window.setInterval(slide, 5000);重新设置它。如果你想让它在悬停时暂停，你可以做一些类似的事情：

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

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

编辑

对于vimeo，你应该查看他们的API，你必须将?api=1添加到iframe中vimeo URL的末尾，并加载他们的库froogaroop，你可以使用它来完成这项工作：

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

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

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

相关文章：