Metode exitFullscreen() API Fullscreen

Definisi dan penggunaan

exitFullscreen() Metode untuk membatalkan elemen dalam mode layar penuh.

Petunjuk:Gunakan Metode requestFullscreen() Buka elemen dalam mode layar penuh.

Contoh

Contoh 1

Buka halaman HTML dalam mode layar penuh, lalu klik tombol untuk menutupnya:

/* Dapatkan documentElement (<html>) untuk menampilkan halaman di layar penuh */
var elem = document.documentElement;
/* Lihat halaman di layar penuh */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Tutup layar penuh */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Coba sendiri

Contoh 2

Ketika halaman berada di mode layar penuh, Anda dapat menata gaya halaman dengan CSS:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Syntaks standar */
:fullscreen {
  background-color: yellow;
}

Coba sendiri

Syntaks

HTMLElementObject.exitFullscreen()

Parameter

Tidak ada.

Detil teknis

Nilai kembalian: Tidak ada nilai kembalian.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung metode ini penuh.

Keterangan:Beberapa peramban memerlukan awalan khusus (lihat kurung):

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)