పూర్తి స్క్రీన్ ను ఎలా సాధించాలి

జావాస్క్రిప్ట్ ఉపయోగించడం ద్వారా పూర్తి స్క్రీన్ విండో సృష్టించడం నేర్చుకోండి.

పూర్తి స్క్రీన్ విండో

జావాస్క్రిప్ట్ ఉపయోగించడం ద్వారా పూర్తి స్క్రీన్ మోడ్లో ఎలా ప్రదర్శించాలి.

పూర్తి స్క్రీన్ మోడ్లో వీడియోను ప్రారంభించడానికి బటన్ నొక్కండి:

మీరే ప్రయత్నించండి

పూర్తి స్క్రీన్ వీడియో

పూర్తి స్క్రీన్ లో ఉపయోగించడానికి మేము ఉపయోగిస్తాము: element.requestFullscreen() విధానం:

ఉదాహరణ

<script>
/* పూర్తి స్క్రీన్ మోడ్లో ప్రదర్శించడానికి ఉపయోగించిన మెటీరియల్స్ను పొందండి (ఈ ఉదాహరణలో వీడియో): */
var elem = document.getElementById("myvideo");
/* మేము openFullscreen() ఫంక్షన్ను అమలు చేసినప్పుడు, వీడియోను పూర్తి స్క్రీన్ లో ప్రారంభించండి. */
శ్రద్ధ చూపండి, వివిధ బ్రౌజర్లకు ప్రత్యేక ప్రత్యేకంగా ముందుకు అంకురాన్ని చేయాలి, ఎందుకంటే వారు requestFullscreen మెథడ్ను ప్రయోగించకపోతున్నారు */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* సెఫారీ */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
</script>

మీరే ప్రయత్నించండి

పూర్తి స్క్రీన్ డాక్యుమెంట్

మొత్తం పేజీని పూర్తి స్క్రీన్ లో ప్రారంభించడానికి, ఉపయోగించండి: document.documentElement పునఃస్థాపించు document.getElementById("element").

ఈ ఉదాహరణలో, మేము పూర్తి స్క్రీన్ నుండి బయటపడడానికి ఒక సంపూర్ణ ఫంక్షన్ ను వాడుతున్నాము:

ఉదాహరణ

<script>
/* documentElement (<html>) ను పూర్తి స్క్రీన్ చేయడానికి పొందండి */
var elem = document.documentElement;
/* పూర్తి స్క్రీన్ చూడండి */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* సెఫారీ */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* పూర్తి స్క్రీన్ నుండి బయటపడం */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* సెఫారీ */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}
</script>

పూర్తి స్క్రీన్ మోడ్లో పేజీ ఉంటే, మీరు కూడా CSS ఉపయోగించి పేజీ శైలిని అమర్చవచ్చు:

ఉదాహరణ

/* సెఫారీ */
:-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 మాథడ్