title: Play HTML5 video in iOS/Android native media player
body: <p>Quite simple, I have a <code>&lt;video&gt;</code> tag as follows:</p>
  
  <pre><code>&lt;video id="video" controls preload&gt;
      &lt;source src="media/video.mp4" type="video/mp4"&gt;
      &lt;source src="media/video.webm" type="video/webm"&gt;
      &lt;source src="media/video.ogv" type="video/ogg"&gt;
      Your browser does not support the video tag.
  &lt;/video&gt;
  </code></pre>
  
  <p>Fairly standard. However, I'd like the video to open up on mobile devices using the built-in media player, essentially like watching a YouTube video from Safari on an iPhone.</p>
  
  <p>How could I achieve this? The mobile site is built using jQuery Mobile.</p>
  
  <p>Also, I think I read somewhere that removing the <code>type</code> attribute from the <code>&lt;source&gt;</code> tag increases compatibility. Is this true?</p>