title: HTML5 video autoplay not working in chrome
body: <p>I am trying to show a video in my slider using a html5 video. This works fine with the <code>controls</code> parameter (showing controls). But when I add <code>autoplay</code> it doesn't autoplay so I searched why that could be and found out chome only allows muted videos to autoplay.</p>
  
  <p>So I added the <code>muted</code> parameter to it, but when I do that my entire video turns black and is still not autoplaying.</p>
  
  <p>Why could that be?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div class="r-slider-item"&gt;
      &lt;video width="100%" height="100%" autoplay muted loop&gt;
        &lt;source src="assets/watertuin.mp4" type="video/mp4"&gt;
          Your browser does not support the video tag.
      &lt;/video&gt;
      &lt;div class="container"&gt;
        &lt;div class="r-slider-top-content"&gt;
          &lt;h1 class="animated fadeInDown"&gt;RESERVEER &lt;span&gt;NU&lt;/span&gt;&lt;/h1&gt;
          &lt;a href="#" class="btn btn-outlined animated fadeInUp"&gt; Reserveren &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In Firefox and IE 11 it works just fine.</p>