光滑的滑块，暂停第一个幻灯片视频？

Question

我在一个同时使用滑动条中的图像和视频的网站上使用滑动条。我要设置的是当带有视频的幻灯片处于活动状态时，自动播放会暂停，直到视频播放完毕。之后，滑块继续自动播放。我目前用于此功能的代码为：

  $('.main-slider').on('afterChange', function(event, slick, currentSlide) {
    var vid = $(slick.$slides[currentSlide]).find('.vidSlide');
    if (vid.length > 0) {
      $('.main-slider').slick('slickPause');
      console.log('Video Pause');
    }
});

唯一的问题是它仅适用于不是滑块第一张幻灯片的幻灯片。使用slick的afterChange函数可以暂停任何视频幻灯片，除非它是第一张幻灯片，因为函数名说它是在更改之后。

话虽如此，我不确定如果第一个幻灯片是视频，则将其设置为暂停滑块的正确方法是什么。