title: <video> not playing in chrome unless developer tools window open
body: <p>I have a video that is meant to autoplay when the website is loaded up (it's not my site, I'm just doing work on it). It works fine on firefox and other browsers, but on Chrome, it only works if I right click when it's loading, or it works if I have the developer tools window open when I click refresh. But left alone on Chrome, it just tries to load, then goes black after a few seconds. Same on tablets using Chrome. It's set up as follows:</p>
  
  <pre><code>&lt;video id="bgvid" preload="metadata" type="video/mp4" autoplay="" loop="" height="auto" webkit-playsinline=""&gt;
  &lt;source src="/video.mp4" type="video/mp4"&gt; 
  &lt;source src="/video.ogv" type="video/ogg"&gt; 
  &lt;source src="/video.webm" type="video/webm"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Has anyone experienced an issue like this before? I don't even know where to start, to be honest, so any help would be extremely appreciated. </p>