首页 > 解决方案 > 幻灯片更改后暂停 html 视频,光滑的轮播

问题描述

我正在为 html 视频滑块使用光滑的轮播。我试图在幻灯片更改后暂停视频。代码只有在我播放视频时才有效,如果视频没有播放,并且当我回到那张幻灯片时我更改了幻灯片,我就无法再播放视频了。这是我正在使用的代码的一部分:

$( '.slider' ).on('beforeChange', function(event, slick, currentSlide, nextSlide){
    var current = $(slick.$slides[currentSlide]);
    current.html(current.html());
  });

标签: javascriptjqueryslick.js

解决方案


与此同时,我想出了一个可行的解决方案:

  $( '.slider' ).on('beforeChange', function(event, slick, currentSlide, nextSlide){
    $("video").each(function(){
      this.pause();
    });
  });

推荐阅读