JavaScript Fullscreen API

Fullscreen API

Fullscreen API tarjoaa menetelmiä ja ominaisuuksia käsitellä kokoruudun HTML-elementtejä.

Esimerkki

Näytä <video>-elementti kokoruudussa:

/* Saadaan elementti, joka näytetään kokoruudussa */
var elem = document.getElementById("myvideo");
/* Suorita openFullscreen() -funktio kokoruudun avaukseen. Sisältää etuliitteet, joita ei tueta requestFullscreen-ominaisuudessa. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Kokeile itse

Fullscreen ominaisuudet ja metodit

Ominaisuus / Metodi Kuvaus
exitFullscreen() Peru kokoruudun käyttö elementistä.
fullscreenElement Palauttaa kokoruudussa olevan elementin.
fullscreenEnabled() Jos dokumentti voidaan tarkastella kokoruudussa, palautetaan true.
requestFullscreen() Avaa elementti täyskuvamoodissa.