JavaScript - Fullscreen-API

Mit der Fullscreen-API kann jedes beliebige TAG in den Vollbildmodus geschaltet werden.

Damit kann man die komplette Seite in den Vollbildmodus schalten, oder ein Video im Vollbildmodus abspielen.

In der CSS-Datei müssen die TAGs entsprechend mit fullscreen beschrieben sein.

Der Vollbildmodus kann nur mit einem Button oder Clickevent eingeschaltet werden. Beim Laden des Dokuments kann der Vollbildmodus nicht direkt eingeschaltet werden.

Allerdings kann man einen Eventlistener auf den header-TAG einrichten.

Wird der Vollbildmodus über die ESC-Taste verlassen kann über ein Eventlisterner darauf reagiert werden.

  document.addEventListener("fullscreenchange", vollbild_verlassen, false);
  document.addEventListener("mozfullscreenchange", vollbild_verlassen, false);
  document.addEventListener("webkitfullscreenchange", vollbild_verlassen, false);

Vollbild Section Vollbild

fullscreenAPI.js fullscreenAPI.css