Metode fullscreenEnabled() API Fullscreen

Definisi dan penggunaan

fullscreenEnabled() metode ini mengembalikan nilai boolean yang menunjukkan apakah dokumen dapat dilihat dalam mode layar penuh.

Jika mode layar penuh tersedia, fullscreenEnabled() Metode ini mengembalikan true, jika tidak kembali false.

Petunjuk:Gunakan elementMetode .requestFullscreen() Lihat elemen dalam mode layar penuh.

Petunjuk:Gunakan elementMetode .exitFullscreen() Batal mode layar penuh.

Contoh

Contoh 1

Menampilkan elemen <video> dalam mode layar penuh:

/* Mendapatkan elemen yang ingin anda tampilkan dalam mode layar penuh */
var elem = document.getElementById("myvideo");
/* Fungsi untuk membuka mode layar penuh */
function openFullscreen() {
  /* Jika mode layar penuh tersedia, tampilkan elemen dalam mode layar penuh */
  if (document.fullscreenEnabled) {
    /* Menampilkan elemen dalam mode layar penuh */
    elem.requestFullscreen();
  }
}

Coba sendiri

Contoh 2

Gunakan awalan untuk kode yang berlaku di berbagai peramban:

/* Jika mode layar penuh tersedia, lakukan sesuatu */
if (
  document.fullscreenEnabled || /* Standar sintaksis */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

Coba sendiri

Sintaksis

document.fullscreenEnabled()

Parameter

Tidak ada.

Detil teknis

Nilai kembalian:

Bilangan boolean yang menunjukkan apakah dokumen dapat dilihat dalam mode layar penuh:

  • true - Dapat melihat dokumen dalam mode layar penuh
  • false - Tidak dapat melihat dokumen dalam mode layar penuh

Dukungan peramban

Angka di tabel menandai versi pertama peramban 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
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)