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

2923
Visitas

0
Resp

Por alber hace 12 años

Admin