Fullscreen API exitFullscreen() yöntemi

Tanım ve Kullanım

exitFullscreen() Metod, öğeyi tam ekran modunda çıkarmak için kullanılır.

İpucu:Kullanın requestFullscreen() metodu Öğeyi tam ekran modunda açın.

Örnek

Örnek 1

HTML sayfasını tam ekran modunda açın ve ardından düğmeyi tıklayarak kapatın:

/* documentElement (<html>) 'için tam ekran olarak göster */
var elem = document.documentElement;
/* Tam ekran görüntüleme */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Tam ekranı kapat */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Kişisel olarak deneyin

Örnek 2

Sayfa tam ekran modunda olduğunda, sayfa tarzını CSS ile ayarlayabilirsiniz:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Standart sözdizimi */
:fullscreen {
  background-color: yellow;
}

Kişisel olarak deneyin

Sözdizimi

HTMLElementObject.exitFullscreen()

Parametreler

Yok.

Teknik Ayrıntılar

Dönüş değeri: Dönüş değeri yok.

Tarayıcı Desteği

Tablodeki rakamlar bu yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Yorum:Bazı tarayıcılar belirli bir öneki gerektirir (gözetli):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)