¿Fuerza la reproducción de video HTML5 a pantalla completa en tabletas iPad y Android?

Tengo una simple label de video:

<video id="video-1" poster="img/video/poster-1.jpg" preload="none"> <source src="http://player.vimeo.com/external/the_video-id" type="video/mp4"> </video> 

Lo juego a través de un button javascript

 $('[data-play-video]').click(function(){ var video_id = $(this).data('playVideo'); var video_control = $(video_id)[0]; video_control.play(); }); 

El video se reproduce en línea en el escritorio y en el reproductor de pantalla completa en iPhone. En iPad, se reproduce en línea, pero quiero que se reproduzca en pantalla completa en el reproductor de video iOS pnetworkingeterminado, igual que en el iPhone. ¿Cómo puedo conseguir esto?

Soy consciente del atributo webkit-playsinline que se puede usar para forzar el video a reproducir en línea en el iPhone. ( HTML5 video en línea en iPhone vs iPad / browser ) y ( ¿Puedo evitar el reproductor de video nativo de pantalla completa con HTML5 en iPhone o Android? )

Sin embargo, quiero lo contrario: reproducir el video en formatting de pantalla completa pnetworkingeterminado para iPhone en todos los dispositivos iOS y Android.

Puede usar el método webkitEnterFullscreen ().

  var vid; function init() { vid = document.getElementById("myVideo"); vid.addEventListener("loadedmetadata", addFullscreenButton, false); } function addFullscreenButton() { if (vid.webkitSupportsFullscreen) { var fs = document.getElementById("fs"); fs.style.visibility = "visible"; } } function goFullscreen() { vid.webkitEnterFullscreen(); }