API Fullscreen JavaScript

API Fullscreen

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

Contoh

Tampilkan elemen <video> dalam mode layar penuh:

/* Ambil elemen yang akan ditampilkan dalam mode layar penuh */
var elem = document.getElementById("myvideo");
/* Eksekusi 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() Batalkan elemen dalam mode layar penuh.
fullscreenElement Kembalikan elemen yang berada dalam mode layar penuh.
fullscreenEnabled() Jika dapat dilihat dokumen dalam mode layar penuh, kembalikan nilai true.
requestFullscreen() Buka elemen dalam mode layar penuh.