html 5 video not working on mobile devices
<p>I have been having trouble getting this video playing on android, iphone, etc.
It is on an iis 6 server which has had the mime types added.</p>

<pre><code>&lt;video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" style="position:relative; top:-60%"&gt;
&lt;source src="images/river.mp4"&gt;
&lt;source src="images/river.webm" type="video/webm"&gt; 
&lt;source src="images/river.ogv" type="video/ogg"&gt;                  
&lt;img src="images/river.jpg"&gt;
            &lt;/video&gt;
</code></pre>

<p>and just inside the ...</p>

<pre><code>&lt;script type="text/javascript"&gt;
var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);
&lt;/script&gt;
</code></pre>

<p>I want it to play on page load if possible.</p>
