slick sliderで動画再生したい。

Question

slick sliderを使用してかつvideoタグを使用して動画と画像を混ぜてスライドさせたいのですが、クロームで見たときvideoタグの auto再生がききません。
更に、可能でしたら動画再生中はスライドを止めたいです。
何卒よろしくお願いいたします。

<ul class="slideritem"> <li><video width="1066" height="600" id="bgvid" class="pcOnly" autoplay loop> <source src="/video/top_movie.mp4" type="video/mp4"> <source src="/video/top_movie.webm" type="video/webm"> </video> </li> <li><a href="/voice/"><img src="images/main_image_01.jpg" alt="main image"></a></li> <li><a href="/service/webmarketing-shien/"><img src="images/main_image_02.jpg" alt="main image"></a></li> </ul>

$(function() {
$('.slideritem').slick({
infinite: true,
dots:true,
slidesToShow: 1,
centerMode: true, //要素を中央寄せ
centerPadding:'100px', //両サイドの見えている部分のサイズ
autoplay:true, //自動再生
responsive: [{
breakpoint: 480,
settings: {
centerMode: false,
}
}]
});
});

Answer 1

確かslickでは

$('.slideritem').slick({ 
  afterChange: function(slick, currentSlide){
    //ここに処理を書くとスライドが終了したタイミングで発火する
    //currentSlideの値が取れるのでvideoのスライドのタイミングでjsでvideoをplayしてあげればいいかと！
  }
})

こんなかんじでかけるので試してみてはいかがでしょうか！