Pantalla completa de vídeo HTML5 en navegadores móviles (android)

Después de una investigación enorme no encontré ninguna respuesta a mi pregunta todavía. Quería lograr mi objetivo con FullScreenAPI pero no es compatible con ningún navegador móvil (excepto Firefox 19 y el navegador Blackberry, pero necesito una solución de navegador cruzado). Aquí está la fuente . También probé FullScreenAPI en el navegador androide nativo y en Chrome móvil con funciones de pantalla completa debidamente prefijadas. Cada función era de tipo undefined .

Otro enfoque fue el protocolo rtsp que normalmente es manejado por un jugador externo. Aquí está el individuo que asume que m.youtube.com utiliza esa solución – pienso que no es verdad (quizá la respuesta es anticuada). Youtube utiliza la pantalla completa del vídeo nativo. En Chrome móvil cuando tocas el botón de reproducción, la película se convierte instantáneamente en pantalla completa.

Aunque, cada fuente que googled me dice que el nativo fullscreen no es posible en los navegadores androides, todavía elemento de video HTML5 con sus controles nativos nos da un botón de pantalla completa que funciona perfectamente hacia fuera allí.

Puesto que no quiero los controles nativos, ¿puede alguien compartir alguna solución ingeniosa para How to trigger HTML5 video fullscreen button's event How to trigger HTML5 video fullscreen button's ?

Usted puede hacer un popup al 100% de ancho / altura con un botón de cierre absoluto en él jugando su video HTML5.

Truco viejo, simple y sucio … Pero funciona

Pruebe video.webkitEnterFullscreen () en un controlador de eventos interactivo del usuario (por ejemplo, haga clic en)

Todo lo que necesita para trabajar en "webkitbeginfullscreen" y "webkitendfullscreen" eventos para dispositivos móviles, i think.it

 <!doctype html> <html> <head> <title>video</title> <script type="text/javascript"> function videoControl() { var myVideo = document.getElementById('myVideo'); myVideo.addEventListener("webkitbeginfullscreen", enteringFullscreen, false); myVideo.addEventListener("webkitendfullscreen", exitingFullscreen, false); } function enteringFullscreen() { alert("entering full-screen mode"); } function exitingFullscreen() { alert("exiting full-screen mode"); } </script> </head> <body onload="videoControl()"> <div id="videoContainer"> <video id="myVideo" src="myVideo.m4v" autoplay controls> </video> </div> </body> </html>

Esto es lo que uso que debería prácticamente trabajar en todas partes:

 function toggleFullScreen() { var doc = window.document; var elem = doc.body; //the element you want to make fullscreen var requestFullScreen = elem.requestFullscreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen || elem.msRequestFullscreen; var cancelFullScreen = doc.exitFullscreen || doc.webkitExitFullscreen || doc.mozCancelFullScreen|| doc.msExitFullscreen; if(!(doc.fullscreenElement || doc.mozFullScreenElement || doc.webkitFullscreenElement || doc.msFullscreenElement)) { requestFullScreen.call(doc.body); } else { cancelFullScreen.call(doc); } }