无法在光滑的轮播上播放和停止视频

时间:2019-08-23 23:27:45

标签: javascript video slick.js

$().ready(function(){
  $('.slick-carousel').slick({
     dots: false,
	         arrows: true,
        infinite: true,
        speed: 0,
        slidesToShow: 1,
        slidesToScroll: 1,
	  draggable: false,

	
   

        responsive: [{
		
          breakpoint: 600,
          settings: {
			  	     arrows: false,
            slidesToShow: 1,
            slidesToScroll: 1,
			    speed: 500
          }
        },
        {
           breakpoint: 400,
           settings: {
              arrows: false,
              slidesToShow: 1,
              slidesToScroll: 1,
			      speed: 500
           }
        }]
  });
	
	
	
});
       
 var video = $('.slick-carousel').find('video').get(0).play();

  $('.slick-carousel').on('afterChange', function(event, slick, currentSlide, nextSlide){
    $('.slick-carousel').find('video').get(0).pause();
    var video = $('.slick-carousel').find('video').get(0).play();
});

var $carousel = $('.slick-carousel');
$(document).on('keydown', function(e) {
                if(e.keyCode == 37) {
                    $carousel.slick('slickPrev');
                }
                if(e.keyCode == 39) {
                    $carousel.slick('slickNext');
                }
            });

我一直在遵循此说明,似乎可以使用。 但出于某种原因我没有。

我正在尝试在下一张或上一张幻灯片上播放视频,并也将其停止。 我认为是滑块名称上的问题?

0 个答案:

没有答案