Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Ver web en pantalla completa con javascript

con este script podemos hacer que nuestra pagina web se vea en pantalla completa ofreciendo al usuario la opción de ver la pantalla completa o normal, es muy eficaz para las web que ofrecen contenido multimédia
<html>
<head>
<title>News</title>
</head>
<body><div class="container">
Este texto lo puedes ver a pantalla completa
<section class="main-content">
<p>
<button id="mostrar-fullscreen">Pantalla completa</button>
<button id="cancelar-fullscreen">Pantalla Normal</button>
</p>
</section>
</div>
<script>
(function () {
var viewFullScreen = document.getElementById("mostrar-fullscreen");
if (viewFullScreen) {
viewFullScreen.addEventListener("click", function () {
var docElm = document.documentElement;
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
}, false);
}
var cancelFullScreen = document.getElementById("cancelar-fullscreen");
if (cancelFullScreen) {
cancelFullScreen.addEventListener("click", function () {
if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}, false);
}
})();
</script>
</body>
</html>
0
Puntos
676
Visitas
0
Resp
Por alber hace 53 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate