¿Cómo reproducir vídeo (mp4) en pantalla completa usando html y javascript como youtube?

Question

Si vas a m.youtube.com desde Android usando Chrome, cuando vas a un video, ves una vista previa (imagen estática con el botón de reproducción superpuesto). Al hacer clic en la imagen, el vídeo comienza en pantalla completa. Deseo hacer lo mismo.

Answer 1

Es necesario requestFullscreen()para un elemento determinado. Necesitarías hacer algo como:

var elem = document.getElementById('myvideo');
elem.requestFullscreen();

Más sobre eso enhttps://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#apiyhttps://stackoverflow.com/questions/6039909/html5-full-screen-video

Hazme saber si esto funciona para ti.

Answer 2

Puede consultar el siguiente ejemplo para lo mismo. El siguiente ejemplo muestra un código diferente para diferentes navegadores.

<video controls id="myvideo">
  <source src="video1.mp4"></source>
</video>

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { 
  elem.msRequestFullscreen();
}