Pantalla completa con HTML5
El modo pantalla completa es un modo bastante molón que quizás ya hayáis visto en algunas páginas (como fb por ejemplo; el botón de pantalla completa de las fotos).
Por ahora sólo es compatible con navegadores basados en Gecko (como Firefox) y Webkit (como Chrome).
Sabiendo esto, simplemente tendremos que poner algún IF
fullscreen = function(e){ if (e.webkitRequestFullScreen) { e.webkitRequestFullScreen(); } else if(e.mozRequestFullScreen) { e.mozRequestFullScreen(); } } document.getElementById('ejemplo-fullscreen').onclick = function(){ fullscreen(document.getElementById('content')); }
Podéis probarlo haciendo click aquí
Hola!
Esto es justo lo que necesito, muchas gracias por tu aporte.
Aunque tendrás que disculpar mi ignorancia, pero no se muy bien donde poner el código dentro de mi wordpress y como hacer el botón que muestre la pantalla completa.
Gracias!
Buscando en google he encontrado esto que creo que te irá muy bien: http://www.longtailvideo.com/blog/26517/using-the-browsers-new-html5-fullscreen-capabilities
gracias!
finalmente usé:
http://robnyman.github.com/fullscreen/
y el resultado es este: http://www.splitboardmag.com/01-demo/01-editorial/
Gracias!
Ahora tienes que encontrar la manera de que no te salte al cambiar de página ;p
Esta super full el código me servirá mucho. gracias.