API Fullscreen JavaScript

API Fullscreen

API Fullscreen menyediakan metode dan atribut untuk mengelola elemen HTML dalam mode layar penuh.

Contoh

Tampilkan elemen <video> dalam mode layar penuh:

/* Dapatkan elemen yang akan ditampilkan dalam mode layar penuh */
var elem = document.getElementById("myvideo");
/* Lakukan fungsi openFullscreen() untuk membuka video dalam mode layar penuh. Termasuk prefix untuk browser yang tidak mendukung atribut requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Coba sendiri

Atribut dan Metode Fullscreen

Atribut / Metode Deskripsi
exitFullscreen() Batal elemen dalam mode layar penuh.
fullscreenElement Kembalikan elemen yang berada dalam mode layar penuh.
fullscreenEnabled() Jika boleh lihat dokumen dalam mode layar penuh, kembalikan nilai true.
requestFullscreen() Buka elemen dalam mod skrin penuh.