title: HTML5 <video> element on Android does not play
body: <p>Video tags like below plays fine with iPhone, but not Android:</p>
  
  <pre><code>&lt;video id="video" width="320" height="240" poster="video/placeholder.jpg" autobuffer controls&gt;
    &lt;source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
    &lt;source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>With the above code, Android can't even click the clip. It would just see the poster image.</p>
  
  <p>Video tag like below however works with Android:</p>
  
  <pre><code>&lt;video src="vpr6.mp4" poster="video/placeholder.jpg" onclick="this.play();"/&gt;
  </code></pre>
  
  <p>However, I still need to multiple sources capability (for Firefox ogv support…). Below code does not work (nor do they work if I stick the javascript into the source tags):</p>
  
  <pre><code>&lt;video id="video" width="320" height="240" autobuffer controls onclick="this.play();"&gt;
    &lt;source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
    &lt;source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>With above code, the clip is clickable in Android, but still does nothing.</p>
  
  <p>Can anyone help?</p>