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í







