Mit folgendem kleinen Javascript kann ein beliebiges DOM-Element in den Vollbildmodus geschalten werden. Zum Beispiel kann man damit ein Video im Fullscreen Modus anzeigen lassen.

function vollBildModus(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

Um die Beispielsweise die ganze Seite nach dem Laden im Vollbild anzuzeigen nutzt man:

  vollBildModus(document.documentElement);

aus Sicherheitsgründen kann man den Vollbildmodus nicht automatisch starten z.B. mit dem onLoad Event.

Am besten verknüft man die Funktion mit einem onClick Event.

Ein DOM Element mit der id ‘video’ wird mit folgendem Befehl im Vollbild angezeigt.

  vollBildModus(document.getElementById("video")); 

Um den Vollbildmodus zu beenden dient folgendes Script:

function vollBildBeenden() {
  if(element.exitFullScreen) {
    element.exitFullScreen();
  } else if(element.mozCancelFullScreen) {
    element.mozCancelFullScreen();
  } else if(element.webkitCancelFullScreen) {
    element.webkitCancelFullScreen();
  }
}

Leider unterstützen bisher nur Firefox und die Webkit-Browser die RequestFullScreen Anweisung.

Weiterführende Informationen:
Mozilla
W3C