HTML ??? ?? ???? ???? ??? ?? ??? (Click)? ??? ?? fullscreen () ???? ???? WebKit, Moz ? MS? ?? ???? ???? ???????. 2. document.exitfullscreen ()? ?? ?? ??? ?? ? ? ????. 3. ?? ?? ?? ???? ???? ?? ?? ??? ??? ???? ?? ? ? ??? API? ??? ???? ??? ????? ??? ?????? ???????.

? ?????? HTML ??? ?? ???? ???? ?? ?? API? ???? ????? ???? DOM ??? ?? ??? ??? ? ????. ???? ???? ???? ??? ??? ????.

?? ?? API ??

?? ?? API? ?? ?? ???? ??? ???? ???? ?????. ?? ??? requestFullscreen() ???.

1. ?? ??

 <div id = "myelement">
  <p>? ??? ?? ???? ?????. </p>
  <?? onclick = "GofullScreen ()"> ?? ?? </button>? ?????
</div>

<cript>
?? gofullscreen () {
  const elem = document.getElementById ( "mylement");

  if (elem.requestfullscreen) {
    elem.requestfullscreen ();
  } else if (elem.MozRequestfullScreen) { / * firefox * /
    elem.mozrequestfullscreen ();
  } else if (elem.webKitRequestfullScreen) { / * Chrome, Safari & Opera * /
    elem.webkitrequestfullscreen ();
  } else if (elem.msrequestfullscreen) {/ * ie/edge */
    elem.msrequestfullscreen ();
  }
}
</????>

?? : ??? ?? (??? ??)? ?? ???? ?? requestFullscreen() ??????. ??? ??? ????? ???? ??? ?????.

? ? ???? ??? ?? (???)

??? ????? ?????? requestFullscreen ????? ?? ???? ?? ?? ???? ?????.

• requestFullscreen() - ??
• webkitRequestFullscreen() - Chrome, Safari, Newer Opera
• mozRequestFullScreen() - Firefox
• msRequestFullscreen() - IE11 ? Edge (???)

?? ??? ???? ??? ??? ? ? ????.

 OPENCERFULLSCREEN (??) {
  if (element.requestfullscreen) {
    ?? .requestfullscreen ();
  } else if (element.webKitRequestfullScreen) {
    element.webkitrequestfullscreen ();
  } else if (element.MozRequestFullScreen) {
    ?? .mozRequestFullScreen ();
  } else if (element.msrequestfullscreen) {
    ?? .mmsrequestfullscreen ();
  }
}

// ??:
const mydiv = document.getElementById ( "myelement");
OpenWullScreen (MyDiv);

? ?? ?? ?? ??

document.exitFullscreen() ???? ?? ??? ?? ? ? ????.

 document.exitfullscreen ();

?? ??? ???????.

 <?? onclick = "exitfullscreen ()"> ?? ?? </button> exit

<cript>
?? exitfullscreen () {
  if (document.exitfullscreen) {
    document.exitfullscreen ();
  } else if (document.MozCanCelfullScreen) {
    document.mozcancelfullscreen ();
  } else if (document.WebKiteXitfullScreen) {
    document.webkitexitfullscreen ();
  } else if (document.msexitfullscreen) {
    document.msexitfullscreen ();
  }
}
</????>

? ?? gotchas

• ? ??? ??? ?? : ?? ??? ?? ??? ?? ??? ?? ? ? ???? (??, ? ?).
• ? ?? ??? ?? ???? . ? ?? ??? ?? ? ?? ?? ? ? ????.
• ? ?? ??? ??? : CSS? ???? ? ???? ??? ??? ???? ? ? ????.

 #MyElement : ?? ?? {
  ?? : 100VW;
  ?? : 100VH;
  ?? : ?? ?;
}

??? ?? :-webkit-full-screen ? ?? ?? ?? ?? ??? ??? ?? ????.

• ? ??? ?? : ?? ?? API? ?? ??? ?????? ????? ??? ?????. iOS? Safari? ??? ???? ????.

? ??

HTML ??? ?? ???? ???? :

1. ?????? ??? ?? ??? ?????? element.requestFullscreen() .
2. ??? ???? ??? (? : ?? ??).
3. ????? ??? ???? ??? ??????? :fullscreen CSS ?? ???.
4. ?? ??? ???? document.exitFullscreen() ? ??????.

????? ??? ???? ?? ? ??? ?? ?? ?????? ?????. ???? ?? ? (??? ????)? ?? ?? ??? API? ?????.

????? ??? ??? ????? requestFullscreen() ???? ????.

? ??? HTML ??? ?? ???? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!