Fullscreen API requestFullscreen() विधि
- पिछला पृष्ठ fullscreenEnabled()
- अगला पृष्ठ exitFullscreen()
- एक स्तर ऊपर जेसक्रिप्ट फुलस्क्रीन एपीआई
विभाषण और उपयोग
requestFullscreen() एलीमेंट को पूर्ण स्क्रीन में खोलने वाली विधि
सूचना:इस्तेमाल करें: exitFullscreen() विधिपूर्ण स्क्रीन मोड को रद्द करें。
उदाहरण
उदाहरण 1
पूर्ण स्क्रीन में <video> एलीमेंट दिखाएं:
/* पूर्ण स्क्रीन में दिखाने के लिए चुनने वाला एलीमेंट (इस उदाहरण में विडियो): */
var elem = document.getElementById("myvideo");
/* openFullscreen() फ़ंक्शन को चलाते समय, विडियो को पूर्ण स्क्रीन में खोला जाता है।
ध्यान दें कि हमें विभिन्न ब्राउज़रों के पूर्व-सूचक (prefix) शामिल करना होगा क्योंकि वे अभी तक requestFullscreen एट्रिब्यूट का समर्थन नहीं करते */
}
elem.webkitRequestFullscreen();
else if (elem.msRequestFullscreen) { /* IE11 */
}
elem.msRequestFullscreen();
/* पूर्ण स्क्रीन बंद करना */
function closeFullscreen() {
}
}
उदाहरण 2
यदि आप एचटीएमएल पृष्ठ को पूर्ण स्क्रीन में खोलना चाहते हैं, तो document.documentElement का उपयोग करें न कि document.getElementById("element")। इस उदाहरण में, हमने एक स्क्रीन बंद करने वाला फ़ंक्शन भी इस्तेमाल किया है:
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()
- एक स्तर ऊपर जेसक्रिप्ट फुलस्क्रीन एपीआई
