js slick slider video

//HTML
<div class="ic-slider">
  <div class="ic-single-slider">
    <img src="assets/images/s1.jpg" alt="">
  </div>
  <div class="ic-single-slider embed-responsive embed-responsive-21by9">
    <iframe id="video" class="yt embed-responsive-item" src="https://www.youtube.com/embed/HiaRtD1LGcQ"></iframe>
  </div>
  <div class="ic-single-slider">
    <img src="assets/images/s3.jpg" alt="">
  </div>
</div>

//Js
jQuery(document).ready(function(){
$('.ic-slider').slick({
	autoplaySpeed: 30000,
	adaptiveHeight: true,
	draggable: true,
	arrows: true,
	dots: true,
	speed: 900,
	autoplay: false,
	infinite: true,
  });

  $('.ic-slider .yt').each(function(i,o){
    if(o.src.indexOf('?enablejsapi=1&version=3&playerapiid=ytplayer') == -1){
      o.src = o.src.concat('?enablejsapi=1&version=3&playerapiid=ytplayer');
    }
  });

  $('.ic-slider').on('afterChange', function(event, slick, currentSlide){
    // console.log(currentSlide);
    $('.ic-slider .yt').each(function(i,o){
      if(i != currentSlide+1) {
        o.contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
      }
    });
  });

});