title: html5 video issue with chrome
body: <p>I'd like to use a html5 video on my web page, here is the code:</p>
  
  <pre><code>&lt;video id="vid" width="100%" autoplay loop&gt;
    &lt;source src="video/video.webm" type="video/webm"&gt;
    &lt;source src="video/video.mp4" type="video/mp4"&gt;
  
  Your browser does not support the video tag.
  &lt;/video&gt;
  </code></pre>
  
  <p>The problem is that, when I use webm as video source:</p>
  
  <pre><code>&lt;source src="video/video.webm" type="video/webm"&gt;
  </code></pre>
  
  <p>it works fine on chrome and FF.
  But as soon as I add mp4 :</p>
  
  <pre><code>&lt;source src="video/video.webm" type="video/webm"&gt;
        &lt;source src="video/video.mp4" type="video/mp4"&gt;
  </code></pre>
  
  <p>Chrome shows a black screen and the text "waiting for video" on it, But safari and FF show it as expected. </p>
  
  <p>Any suggestions to make it play on all these browsers would be appreciated.
  Thanks.</p>