暂停滑块上的视频

Question

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

目前，当您点击其中一个图片时，它会打开一个自动播放的视频。问题是，如果您点击查看下一张幻灯片，视频会继续播放。

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

这是fiddle

Answer 1

使用以下方式进行下一张幻灯片时，您可以使用pause()方法暂停视频：

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

我在click事件之外全局声明player变量，以便能够在其上使用pause()。

请参阅更新后的工作 FIDDLE 。

Answer 2

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

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

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