title: Autoplay a video within slick slider
body: <p>I'm using slick slider downloaded from <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">http://kenwheeler.github.io/slick/</a> </p>
  
  <p>I have a number of images on autoplay displaying correctly, however, i also have an mp4 file that i cant get to autoplay. Here is my HTML:</p>
  
  <pre><code>&lt;section class="regular slider" style="width: 900px; left: 60px; top: 230px;"&gt;
      &lt;div&gt;        
          &lt;video autoplay&gt;
              &lt;source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4"&gt;
          &lt;/video&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;img src="https://placehold.it/350x300?text=2"&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;img src="https://placehold.it/350x300?text=3"&gt;
      &lt;/div&gt;
   &lt;/section&gt;
  </code></pre>
  
  <p>And here is my script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).on('ready', function() {
        $(".regular").slick({
          dots: true,
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000
        });
       });
    &lt;/script&gt;
  </code></pre>