在滑块上暂停视频

Question

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

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

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

这是一个fiddle

Answer 1

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

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

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

请查看工作更新FIDDLE。

Answer 2

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

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

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