Jinsi ya kufikia ukumu

Mafunzo ya kusoma jinsi ya kutumia JavaScript kufungua kina wa kufikia ukumu.

Kina wa kufikia ukumu

Jinsi ya kutumia JavaScript kufungua kwenye mazingira ya kufikia ukumu ya kina.

Bofu mibambo kwa kufungua video kwenye mazingira ya kufikia ukumu:

Jifunze kwa kufikia

Video wa kufikia ukumu

Kuwa kufungua kwenye mazingira ya kufikia ukumu kwa ufungaji, tunatumia: element.requestFullscreen() Method:

Mifano

<script>
/* Kuwa na ufungaji wa kufikia ukumu kwa sababu ni video (kama mtaani hii)): */
var elem = document.getElementById("myvideo");
/* Kama ukiwemo katika kufungua kwenye mazingira ya kufikia ukumu, kufungua video kwenye mazingira ya kufikia ukumu. */
Tunashangaa, lazima tuwe na mpangilio wa kwanza kwa sababu vitabu vya kikompyuta vitafikia ukumu hivyo haukubali method ya requestFullscreen */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } au if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } au if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
</script>

Jifunze kwa kufikia

Mfumo wa kufikia ukumu

Kuwa kufungua kwenye mazingira ya kufikia ukumu kwa ukoo wa kina, tukia taarifa: document.documentElement ingawa document.getElementById("element")。

Kwa mtaani hii, tunatumia mfano wa kufungua kwenye mazingira ya kufikia ukumu:

Mifano

<script>
/* Kuwafikia documentElement (<html>) kwa picha ya kuu ya ukurasa */
var elem = document.documentElement;
/* Kuangalia kwa picha ya kuu */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } au if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } au if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Kuondoka kwa picha ya kuu */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } au if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } au if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}
</script>

Kwa sababu ya habari ya kuu ya picha ya kufikia, inaweza kutumia CSS kufikia mtindo wa ukurasa:

Mifano

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Syntax ya msingi */
:fullscreen {
  background-color: yellow;
}

Jifunze kwa kufikia

Vipindi vya muhimu

Kitabu cha Mifano cha HTML DOM:Method ya requestFullscreen()

Kitabu cha Mifano cha HTML DOM:Method ya exitFullscreen()

Kitabu cha Mifano cha HTML DOM:Method ya documentElement