JMiur [E]

Mostrar contenido en pantalla completa no es algo exclusivo de los videos incrustados ya que puede hacerse sobre cualquier otro contenido aunque siempre veremos la advertencia del navegador que nos avisa que esta opción está en uso y que podemos volver atrás utilizando la tecla ESC.

13 comentarios:

Wi Wa  

Hola Sr. JMiur, está muy interesante el post, en vez de document.getElementById() podría utilizar document.querySelector(). Saludos :)

Responder
Rosendo Ramírez Aquino  

Si tu te grabaste jugando Mario Bross creo que eres demasiado bueno jaaja :P

Responder
OPin  

Sería interesante que se pudiera utilizar la rueda del mouse o las teclas para bajar y subir sobre la pantalla, de lo contrario es imposible leer el contenido completo de una página.
Útil para fotos o videos pero nada más.
Gracias por todo tu esfuerzo.
Un abrazo.

Responder
Beben Koben  

i'm a moziller user :D
how about it...press F11 ;)

This is great snippet coded master, yeah \m/

Responder
SergioFM  

Bueno, como dice Beben Koben es casi similar a presionar F11 a diferencia que al poner el sitio en fullscreen me bloquea la barra de desplazamiento o como se llame ... evitándome desplazarme hacia abajo.

Responder
Conexión Humor  

Sabes que tiene sentido, pero a mi no me esta funcionando el script ¿que puedo estar haciendo mal? ¿Donde debo colocarlo y bajo que etiquetas?

JMiur  

Si estás usando jQuery 1.9 cambia:

$('#fspagina').live('click', function(e) {
por:
$(document).on('click', '#fspagina', function(e){

y:
$('.fullimage').live('click', function(e) {
por:
$(document).on('click', ''.fullimage', function(e){

Responder
ALEXIS melendez  

hol mira enviame un codigo completo pero para colocar mi pagina en pantalla completa

JMiur  

El código está en la entrada.

Responder
Yamali Maradiaga  

Disculpe la molestia, pero realmente no entiendo por que no me funciona, cree me puede ayudar

JMiur  

No puedo reponder eso sin conocer el problema o el ejemplo.

Yamali Maradiaga  

lo siento pensé que había puesto el código.
le quite los <>, para poder publicar el codigo.
Yo se que es igual al suyo, pero el problema es que clic en fullscreen, la pantalla no se hace full.

.......................................................

HEAD

SCRIPT

document.getElementById('fspagina').addEventListener('click', function() {

BigScreen.toggle();


/script



/HEAD

BODY

a id="fspagina" href=" ">fullscreen/a


/body
/html

JMiur  

Respondo l omismo: sin ver el ejemplo, es imposible saberlo.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR