Javascript 在使用jQuery单击不相关的按钮后，如何防止特定动画运行？

我正在使用一个我偶然发现的名为Easyfader的优秀轻量级jquery滑块，可以在这里查看：

滑块的工作奇迹，但我需要添加一个视频组件的滑块。我成功地在类“slide”中添加了一个iframe，但是，即使用户在youtube iframe上按了play键，滑块仍会像预期的那样继续移动到后续幻灯片

理想情况下，我们希望滑块停止其默认的定时动画，只允许用户单击滑块导航箭头或菜单时更改幻灯片

下面我尝试创建一个函数，该函数在点击youtube视频时启动，问题是我无法成功暂停默认的过渡动画。我试着把这个函数全部杀掉，这也不理想，也不起作用

请参考上面提供的链接，详细说明正在使用的代码，并查看下面我尝试过但确实失败的地方

function videoPlaying()
{
  $('#video-still').fadeOut(1000);
  var theURL = $('.embed-video').attr('src');
  $('.embed-video').attr('src', theURL + '?fs=1&feature=oembed&&autoplay=1');
  ('.slide').stop(true, true);
}

---

通过清除计时器，您可以稍微扩展插件以响应

pause

事件

加

在

init

方法的插件中

现在你可以打电话了

$('#Fader').trigger('pause.easyFader');

无论您想在何处暂停幻灯片放映。。单击任何下一个/上一个（或分页）按钮后，它将恢复

---

在

$（“#您的#按钮id”）上演示。单击（函数（）{$（“#视频静止”）。停止（）；应该有用。#视频仍然是一个任意的图像占位符，不需要任何交互就可以完成我想要完成的事情。干得好。这正是我需要的。在电影结束后，点击箭头或按钮，它甚至会返回到正常流程！非常感谢。

$('#Fader').trigger('pause.easyFader');