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í