API Layar Penuh JavaScript
API Layar Penuh
Fullscreen API memiliki metode dan properti untuk menangani elemen HTML dalam layar penuh.
Contoh
Tampilkan elemen <video> dalam mode layar penuh:
/* Get the element you want displayed in fullscreen mode (a video in this
example): */
var elem = document.getElementById("myvideo");
/* When
the openFullscreen() function is executed, open the video in fullscreen.
Note that we must include prefixes for different browsers, as they don't
support the requestFullscreen property yet */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen)
{ /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen)
{ /* IE11 */
elem.msRequestFullscreen();
}
}
Properti Layar Penuh
Property | Description |
---|---|
fullscreenElement | Returns the element that is in full-screen mode, |
Metode Layar Penuh
Method | Description |
---|---|
exitFullscreen() | Cancels the element in fullscreen mode |
fullscreenEnabled() | Returns true if the document can be viewed in fullscreen mode |
requestFullscreen() | Opens an element in fullscreen mode |