暫停滑塊上的視頻

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。