javascript - 在 slider 上暂停视频

Question

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

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

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

这是一个fiddle

Answer 1

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

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

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

请参阅工作更新 FIDDLE 。