Method na requestFullscreen() ng Fullscreen API

Paglilinaw at paggamit

requestFullscreen() Method na buksan ang elemento sa buong ekran mode.

Mga tagubilin:Gamitin ang Method na exitFullscreen()Ialis ang buong ekran mode.

Mga halimbawa

Halimbawa 1

Ipakita ang elemento <video> sa buong ekran mode:

/* Kumuha ng elemento na dapat ipakita sa buong ekran (sa halimbawa, ang video):*/
var elem = document.getElementById("myvideo");
/* Pagpapatok ng function na openFullscreen() para buksan ang video sa buong ekran.
Pansin, dapat kaming kasama ang prefix ng iba't ibang browser dahil hindi pa nila sumusuporta sa attribute na requestFullscreen */
}
  elem.webkitRequestFullscreen();
    else if (elem.msRequestFullscreen) { /* IE11 */
  }
    elem.msRequestFullscreen();
  /* Iwanan ang full-screen */
    function closeFullscreen() {
  }
}

Subukan ang sarili

Halimbawa 2

Para buksan ang pahina ng HTML sa buong ekran, gamitin ang document.documentElement sa halip ng document.getElementById("element"). Sa kasong ito, ginamit din namin ang isang function na close na gumigising sa buong ekran:

if (elem.requestFullscreen) {
elem.requestFullscreen();
else if (elem.webkitRequestFullscreen) { /* Safari */
}
  elem.webkitRequestFullscreen();
    else if (elem.msRequestFullscreen) { /* IE11 */
  }
    elem.msRequestFullscreen();
  /* Iwanan ang full-screen */
    function closeFullscreen() {
  }
}
if (document.exitFullscreen) {
document.exitFullscreen();
  else if (document.webkitExitFullscreen) { /* Safari */
    }
  document.webkitExitFullscreen();
    else if (document.msExitFullscreen) { /* IE11 */
  }
    document.msExitFullscreen();
  }
}

Subukan ang sarili

Halimbawa 3

Kapag ang pahina ay nasa full-screen mode, maaari mo ring gamitin ang CSS upang itakda ang estilo ng pahina:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 syntax */
:-ms-fullscreen {
  background-color: yellow;
}
/* Standard syntax */
:fullscreen {
  background-color: yellow;
}

Subukan ang sarili

Kasangkapan

HTMLElementObject.requestFullscreen()

Parametro

Wala.

Detalye ng Teknolohiya

Bumalik ang halaga: Wala kang ibabalik.

Suporta ng Browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa paraan na ito.

Komento:Mga browser na nangangailangan ng tiyak na awit (tingnan ang mga pagsingil):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)