暂停滑块上的视频

Question

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

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

所以我想滑板运动时暂停视频......

这里是一个fiddle

Answer 1

我找到了解决方案，这要归功于@lonut谁在正确的方向我：？使用滑块时，如何停止视频播放]

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

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

Answer 2

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

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

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

请参阅工作更新FIDDLE。