title: HTML5 video not working in any browser
body: <p>I found other posts here for the same issue, like <a href="https://stackoverflow.com/questions/10424729/no-video-with-supported-format-and-mime-type-found-what-does-this-mean-and-how">this</a> or <a href="https://stackoverflow.com/questions/21604949/no-video-with-supported-format-and-mime-type-found-in-firefox-with-html5-video">this</a> but I wasn't able to solve my issue.
  At first, I run below javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var options = JSON.stringify({'maxSize': 320, 'videoQuality': 6, 'noaudio': true});
      ogg.encode(options);
  &lt;/script&gt;
  </code></pre>
  
  <p>Then I have below html:</p>
  
  <pre><code>&lt;video id="video1" width="500" controls="controls" &gt;
      &lt;source src="Rio2Trailer.mp4" type="video/mp4"/&gt;
      &lt;source src="Rio2Trailer.ogv" type="video/ogg"/&gt;
      &lt;source src="Rio2Trailer.webm" type="video/webm" /&gt;
      The browser does not support HTML5 video.
  &lt;/video&gt;
  </code></pre>
  
  <p>I tried adding </p>
  
  <pre><code>AddType video/webm .webm
  AddType video/mp4 .mp4
  </code></pre>
  
  <p>to the .htaccess file(which was empty) but no success.</p>
  
  <p>On Firefox, i get the message:</p>
  
  <blockquote>
    <p>No video with supported format and MIME type found.</p>
  </blockquote>
  
  <p>On Chrome, I can just see the controls but they look like they are disabled and I don't see the play button in the middle of the screen as well.</p>