Como reproduzir vídeo (mp4) em tela cheia usando html e javascript como o youtube?

Question

Se você acessar m.youtube.com do Android usando o Chrome ao assistir a um vídeo, verá uma visualização (imagem estática com sobreposição do botão de reprodução). Ao clicar na imagem o vídeo começa em tela cheia. Eu desejo fazer o mesmo.

Answer 1

Você precisa requestFullscreen()para um determinado elemento. Você precisaria fazer algo como:

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

Mais sobre isso emhttps://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#apiehttps://stackoverflow.com/questions/6039909/html5-full-screen-video

Deixe-me saber se isso funciona para você.

Answer 2

Você pode consultar o exemplo a seguir para o mesmo. O exemplo a seguir mostra um código diferente para navegadores diferentes.

<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();
}