title: Full-screen background video does not autoplay
body: <p>I'm making a simple web page, and I wanted the first window to have a full screen playing video. I tried to embed it like this: </p>
  
  <pre><code>&lt;div class="section active"&gt;
  &lt;video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"&gt; 
  &lt;source src="videos/Space.mp4" type="video/mp4"&gt;
  &lt;source src="videos/Space.webm" type="video/webm"&gt; 
  Video not supported 
  &lt;/video&gt; 
  </code></pre>
  
  <p>
  and</p>
  
  <pre><code>#video_background {
      position: absolute;
      bottom: 0px;
      right: 0px;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: 69;
      overflow: hidden;
  }
  </code></pre>
  
  <p>The first frame shows up, but it doesn't start playing. The files are in their proper location. Why could this be? I'm using <a href="http://alvarotrigo.com/fullPage/" rel="nofollow">fullPage.js</a> if it makes any difference. </p>