title: html5 video not working on ipad
body: <p>I have an html5 video that should work on ipad. Controls must be hide and on user tap on the ipad, the html5 video must play. </p>
  
  <p>I am using html5video.js What I can see on ipad is only the poster image and when I tap the ipad, nothing happens. below is my code</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
   &lt;head&gt;
     &lt;meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" /&gt;
     &lt;link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"&gt;
     &lt;script src="http://vjs.zencdn.net/c/video.js"&gt;&lt;/script&gt;
  
     &lt;script&gt;
      var video = document.getElementById('video');
      video.addEventListener('touchstart',function(){
              video.play();
      },false);
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
     &lt;video id="video" class="video-js vjs-default-skin" preload="auto" width="620" height="860" poster="img/poster.png" data-setup="{}"&gt;
      &lt;source src="video/Motion.mp4" type='video/mp4'&gt;
      &lt;/video&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>