title: Force full-screen HTML5 video playback on iPad and Android tablets?
body: <p>I have a simple video tag:</p>
  
  <pre><code>&lt;video id="video-1" poster="img/video/poster-1.jpg" preload="none"&gt;
    &lt;source src="http://player.vimeo.com/external/the_video-id" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>I play it via a javascript button</p>
  
  <pre><code>$('[data-play-video]').click(function(){
    var video_id = $(this).data('playVideo');
    var video_control = $(video_id)[0];
    video_control.play();
  });
  </code></pre>
  
  <p>The video plays inline on the desktop and in the full-screen player on iPhone. On iPad it plays inline, but I want it to play full-screen in the default iOS video player—the same as on the iPhone. How can I achieve this?</p>
  
  <p>I am aware of the <code>webkit-playsinline</code> attribute which may be used to force the video to play inline on the iPhone. (<a href="https://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser">HTML5 inline video on iPhone vs iPad/Browser</a>) and (<a href="https://stackoverflow.com/questions/5054560/can-i-avoid-the-native-fullscreen-video-player-with-html5-on-iphone-or-android">Can I avoid the native fullscreen video player with HTML5 on iPhone or android?</a>)</p>
  
  <p>I, however, want the opposite: to play the video in the default-for-iPhone full-screen format on all iOS and Android devices.</p>