Estoy trabajando en un cuestionario y quiero convertir la pantalla en modo de pantalla completa al cargar la página durante un tiempo específico, ¿hay alguna forma de lograr esto o alguna alternativa?
Se requiere la interacción del usuario para ingresar al modo de pantalla completa. Esta es una característica de seguridad.
Imagine poder forzar una ventana emergente de algún tipo para que pase a pantalla completa, bloquear el puntero del mouse y reproducir un anuncio sin permiso. Tener un enlace o botón "Habilitar pantalla completa" cuya visibilidad se alterna en el controlador de eventos "Cambiar pantalla completa" en la documentación parece un enfoque pragmático/mejor.
Incluso si lo intenta, obtendrá el siguiente mensaje de error
No se pudo ejecutar 'requestFullScreen' en 'Elemento': la API solo puede iniciarse con un gesto del usuario.
Por lo tanto, no es posible cargar una página en modo de pantalla completa, pero puede usar el siguiente código para activarla en alguna acción:
<script> /* Get the documentElement (<html>) to display the page in fullscreen */ var elem = document.documentElement; /* View in fullscreen */ function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } /* Close fullscreen */ function closeFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { /* Safari */ document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { /* IE11 */ document.msExitFullscreen(); } } </script>Referencia: w3Schools - Pantalla completa