如何在第二张幻灯片（含视频）时暂停Slick Slider自动播放？

直接用Slick自带的事件就能搞定，不用复杂的视频检测，步骤如下：

• 初始化滑块时开启自动播放，同时绑定afterChange事件——这个事件会在幻灯片切换完成后触发
• 在事件回调里判断当前是哪张幻灯片：第二张的索引是1（Slick的索引从0开始算），碰到它就暂停滑块自动播放，切到其他幻灯片就恢复

完整代码示例：

// 初始化你的Slick滑块，替换成实际的容器选择器
$('.your-slider-container').slick({
  autoplay: true,
  autoplaySpeed: 3000, // 自动切换间隔，按需调整
  // 这里加你原本的其他配置，比如dots: true, infinite: true之类的
});

// 监听幻灯片切换完成事件
$('.your-slider-container').on('afterChange', function(event, slick, currentSlide){
  // 第二张幻灯片对应索引1
  if(currentSlide === 1){
    slick.slickPause(); // 暂停滑块自动播放
  } else {
    slick.slickPlay(); // 恢复自动播放
  }
});

注意点：

• 把.your-slider-container换成你实际用的滑块容器类名/ID
• 你的YouTube视频已经设了autoplay=1，切换到第二张时滑块停住，视频会正常自动播放；切走之后滑块继续自动轮播

如果之后需要视频播完自动恢复滑块，再结合YouTube的API加监听就行，当前需求用上面的代码完全足够。

内容的提问来源于stack exchange，提问作者OsvG