JavaScript Fullscreen API

Tam Ekran API'si

Tam Ekran API'si tam ekran HTML elementlerini işlemek için yöntemler ve özellikler sağlar.

Örnek

Tam ekran modunda <video> elementini gösterin:

/* Tam ekran gösterilmesi gereken elementi alın */
var elem = document.getElementById("myvideo");
/* openFullscreen() fonksiyonunu çalıştırarak videoyu tam ekran açın. requestFullscreen özelliğini desteklemeyen tarayıcı ön eklerini içermektedir. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Kişisel Deneyim

Tam Ekran Özellikleri ve Metotları

Özellik / Metot Açıklama
exitFullscreen(); Elementi tam ekran modundan çıkarır.
fullscreenElement Tam ekran modunda olan elementi döner.
fullscreenEnabled(); Eğer belge tam ekran modunda görülebilirse true döner.
requestFullscreen(); Elementi tam ekran modunda açın.