Kung paano maisagawa ang full screen

Alamin kung paano gumawa ng full screen window gamit ang JavaScript.

Full Screen Window

Kung paano gamitin ang JavaScript upang tingnan ang element sa full screen mode.

I-klik ang button upang magbukas ng video sa full screen mode:

ព្យាយាមតាមរបស់អ្នក

Full Screen Video

Para magbukas ng full screen ang element, gamit namin ang element.requestFullscreen() Paraan:

ឧទាហរណ៍

<script>
/* Hanapin ang elementong dapat ipakita sa full screen mode (sa halimbawa, ang video): */
var elem = document.getElementById("myvideo");
/* Kapag iniaangkop ang openFullscreen() function, magbukas ng full screen ang video.
Pansin, kailangan namin na ilagay ang prefix para sa iba't ibang browser dahil hindi pa nila sumusuporta sa method na requestFullscreen */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
</script>

ព្យាយាមតាមរបស់អ្នក

Full Screen Document

Para magbukas ng buong pahina sa full screen, gamitin ang document.documentElement pinalitan ng document.getElementById("element")。

Sa halimbawa na ito, gamit din namin ang isang closing function upang i-alis ang full screen:

ឧទាហរណ៍

<script>
/* ទទួលបាន documentElement (<html>) ដើម្បីបង្ហាញទំព័រក្នុងរបៀបពេញទំហំបែកបែក */
var elem = document.documentElement;
/* មើលក្នុងរបៀបពេញទំហំបែកបែក */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* ចាកចេញពីរបៀបពេញទំហំបែកបែក */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}
</script>

នៅពេលទំព័រស្ថិតក្នុងរបៀបពេញទំហំបែកបែក，អ្នកក៏អាចប្រើ CSS ដើម្បីកំណត់រចនាភាពទំព័រ:

ឧទាហរណ៍

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* សារឡើងស្តង់ដាដើម */
:fullscreen {
  background-color: yellow;
}

ព្យាយាមតាមរបស់អ្នក

នៅទំព័រពាក់ព័ន្ធ

HTML DOM សំណុំរបាយការណ៍：មធ្យោបាយ requestFullscreen()

HTML DOM សំណុំរបាយការណ៍：មធ្យោបាយ exitFullscreen()

HTML DOM សំណុំរបាយការណ៍：មធ្យោបាយ documentElement