0

Así como con los vídeos y su etiqueta html le permite a los vídeos ampliarse a pantalla completa, me preguntaba si existe la opción en html o javascript de poner en pantalla completa una página web.

2 respuestas 2

7

Elegís el elemento a mostrar en pantalla completa, en este caso todo el documento

Tener en cuenta, que solo se puede poner en pantalla completa por una acción del usuario, por ejemplo un click en un botón.

var elem = document.documentElement;

/* Abrir en fullscreen */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

/* Cerrar fullscreen */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}
1
3

Elegis el elemento a mostrar pantalla completa. Y tienes que poner pantalla completa cuando el usuario haya echo una accion.

var elem = document.querySelector("element")
elem.requestFullscreen = elem.requestFullscreen || elem.webkitRequestFullscreen || elem.msRequestFullscreen;
document.exitFullscreen = document.exitFullscreen || document.webkitExitFullscreen || document.msExitFullscreen;

 function fullscreen(){
         elem.requestFullscreen()
 }
  function closefullscreen(){
     document.exitFullscreen()
   }
1

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.