Javascript 在滑块上暂停视频

我正在创建一个带有图像的滑块，当有人单击一个幻灯片时，会打开一个带有另一个带有视频的滑块的模式窗口

此时，当您单击其中一个图像时，它会打开一个自动播放的视频。问题是，如果单击观看下一张幻灯片，视频将继续播放

所以我想在幻灯片移动时暂停视频

---

这是一个

当转到下一张幻灯片时，您可以使用暂停方法暂停视频，方法是：

$('.center').on('afterChange', function(event, slick, currentSlide, nextSlide) {
  player.pause();
});

我在click事件外部全局声明了player变量，以便能够对其使用pause

---

请查看更新的工作。

我找到了解决方案，感谢@lonut为我指明了正确的方向：

var iframe = $('.vimeo-player')[0];
var player = $f(iframe);

$('.carousel-control').bind('click', function() {
    player.api('pause');
});

---

谢谢你的回答，但恐怕小提琴坏了……你说它坏了是什么意思？您可以看到，当您转到下一张幻灯片时，视频停止播放。它有几秒钟的延迟，但这可能是因为你使用了一个光滑的插件。也许使用beforeChange会使它在下一张幻灯片上立即停止。我已经检查了小提琴，但似乎暂停不起作用。如果你打开第一个视频，然后切换幻灯片，它将继续播放…@patie，它适用于流畅的幻灯片更改。现在，事实上，我看到你没有在灯箱上使用slick。如何创建灯箱转盘？好的。在哪里初始化它？我看不到它在任何地方被初始化…在文档中看起来像$'default-demo'。slickLightbox{可能是