title: HTML5 Video (both webm and MP4) are showing a blank white screen and aren't playing
body: <p>I've done an hour of googling but I either suck at it, or it isn't a common issue.</p>
  
  <p>Here's my video tag:</p>
  
  <pre><code>&lt;video class="video-background" preload="none" loop="loop" autoplay="autoplay"&gt;
      &lt;source src="/resource/video/ripples.webm" type="video/mp4"&gt;
      &lt;source src="/resource/video/ripples.mp4" type="video/mp4"&gt;
      Your browser does not support the video tag.
  &lt;/video&gt;
  </code></pre>
  
  <p>No matter what order I place them in, neither the <code>webm</code> nor the <code>mp4</code> will load, they just show a blank white screen. I'm also not getting a 404 from the server so the videos <em>should</em> be coming down from the server?</p>
  
  <p>Appreciate any input</p>
  
  <p>EDIT: We removed the <code>preload="none"</code> attribute and now the <strong>first frame</strong> of the video shows up, but it doesn't auto-play the rest of the video for some reason (despite having <code>autoplay="autoplay"</code> on the element.</p>