title: Video Background of slide on Slick Carousel Issues
body: <p>There's a few issues with video backgrounds in the Slick.js carousel that I am running into.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="mySlick"&gt;
       &lt;div class="item"&gt;
            &lt;img class="carousel-item-background" src="images/01.jpg"&gt;     
       &lt;/div&gt;
       &lt;div class="item"&gt;
            &lt;img class="carousel-item-background" src="images/02.jpg"&gt;     
       &lt;/div&gt;
       &lt;div class="item"&gt;
            &lt;img class="carousel-item-background" src="images/03.jpg"&gt;     
       &lt;/div&gt;
       &lt;div class="item"&gt;
            &lt;div class="carousel-item-background"&gt;
                 &lt;video class="bgVid" autoplay muted loop preload&gt;
                      &lt;source src="video.mp4" type="video/mp4"&gt;
                 &lt;/video&gt;
            &lt;/div&gt;    
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$("#mySlick").on('init', function(event. slick){
       $(".carousel-item-background").each(function(){
            $(this).find('.bgVid').get(0).play();
       });
  });
  
  $("#mySlick").slick({
       dots: false,
       infinite: true,
       speed: 1000,
       slidesToShow: 1,
       slidesToScroll: 1,
       autoplay: true,
       autoplaySpeed: 10000,
       arrows: true,
       focusOnSelect: true
  });
  
  function reloadBGVid(){
       $("video[class='bgVid']").each(function(){
            var ve = $(this);
            var $video = ve.get(0);
            if ($video.paused){
                 $video.play();          
            }
       });
  };
  </code></pre>
  
  <p>Barring the CSS I excluded, the slider loads and appears fine. I can click next and previous through the slider all the way around. The first time I click NEXT all through the slider, when I arrive at the video slide, the video will start from the beginning, and the first time I click PREVIOUS to the video slide, even if I have waited a few seconds for the video to start playing, I can see during the transition between the FIRST slide and the LAST slide that the video has progressed, but when the transition ends, the video rewinds to the beginning and plays from there.  I have NO afterChange calls in my script.</p>
  
  <p>The second issue I have is responsive. I have a media query in the CSS, if the window is less than 768px wide, the video is set to <code>display: none</code>. I have a jQuery function, if the window is 768px or larger, the media query is nullified and the <code>reloadBGVid()</code> function is called. But no matter how I target the <code>.bgVid</code>, it simply will not play the video again.</p>