పూర్తి స్క్రీన్ API requestFullscreen() మాథడం
- ముంది పేజీ fullscreenEnabled()
- తరువాతి పేజీ exitFullscreen()
- ముంది ప్రాంతానికి తిరిగి JavaScript Fullscreen API
నిర్వచనం మరియు వినియోగం
requestFullscreen() పూర్తి స్క్రీన్ మోడ్లో మేలా తెరవడానికి మాథడం.
హామీ:ఉపయోగించండి: exitFullscreen() మాథడంపూర్తి స్క్రీన్ మోడ్ను రద్దు చేయండి.
ఇన్స్టాన్స్
ఉదాహరణ 1
పూర్తి స్క్రీన్ మోడ్లో <video> మేలా ప్రదర్శించండి:
/* పూర్తి స్క్రీన్ మోడ్లో ప్రదర్శించాలి అయిన మేలా (ఈ ఉదాహరణలో వీడియో): */
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();
}
}
ఉదాహరణ 2
మీరు హేల్‌స్క్రిప్ట్ పేజీని పూర్తి స్క్రీన్ లో తెరవాలంటే, document.documentElement ఉపయోగించండి కాదు document.getElementById("element") ఉపయోగించండి. ఈ ఉదాహరణలో, మేము పూర్తి స్క్రీన్ మూసివేయడానికి ఒక మూసివేయడం ఫంక్షన్ ను ఉపయోగించాము:
/* పూర్తి స్క్రీన్ మోడ్లో ప్రదర్శించడానికి 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();
}
}
ఉదాహరణ 3
పూర్తి స్క్రీన్ మోడ్లో ఉన్నప్పుడు, మీరు సైట్ శైలిని CSS ద్వారా అమర్చవచ్చు:
/* సఫారీ */
:-webkit-full-screen {
background-color: yellow;
}
/* IE11 సంకేతాలు */
:-ms-fullscreen {
background-color: yellow;
}
/* ప్రమాణ సంకేతాలు */
:fullscreen {
background-color: yellow;
}
సంకేతాలు
HTMLElementObject.requestFullscreen()
పారామిటర్స్
లేదు.
సాంకేతిక వివరాలు
| తిరిగి వచ్చే విలువ: | తిరిగి వచ్చే విలువ లేదు. |
|---|
బ్రౌజర్ మద్దతు
పట్టికలో అంకురంగా ఈ పద్ధతిని పూర్తిగా మద్దతు ఇచ్చే బ్రౌజర్ వెర్షన్ సంఖ్యలు పేర్కొనబడినవి.
పరిశీలన:కొన్ని బ్రౌజర్లు ప్రత్యేక ప్రిఫిక్స్ అవసరం ఉంటాయి (పరంతులో చూడండి):
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపేరా |
|---|---|---|---|---|
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపేరా |
| 71.0 15.0 (webkit) |
79.0 11.0 (ms) |
64.0 9.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
- ముంది పేజీ fullscreenEnabled()
- తరువాతి పేజీ exitFullscreen()
- ముంది ప్రాంతానికి తిరిగి JavaScript Fullscreen API
