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
Puntos
2903
Visitas
Visitas
0
Resp
Resp
Por alber hace 11 años
Admin