2012-10-10 16 views
9

मैं आईओएस 6 के लिए सफारी में पूर्ण स्क्रीन मोड में चलाने के लिए एक आवेदन पत्र (ऊपर पट्टी के बिना) बनाने के लिए कोशिश कर रहा हूँ के रूप में इस कोड है:पूर्ण स्क्रीन एपीआई एचटीएमएल 5 और सफारी (आईओएस 6)

var elem = document.getElementById("element_id"); 
if (elem.requestFullScreen) { 
    elem.requestFullScreen(); 
} else if (elem.mozRequestFullScreen) { 
    elem.mozRequestFullScreen(); 
} else if (elem.webkitRequestFullScreen) { 
    elem.webkitRequestFullScreen(); 
} 

यह डेस्कटॉप ब्राउज़र पर अच्छी तरह से काम करता है। लेकिन मोबाइल सफारी (आईओएस) 6 में काम नहीं करता है।

इस मुद्दे के बारे में कोई विचार?

उत्तर

15

यह समर्थित नहीं है ...

http://caniuse.com/fullscreen

+0

यह पहला निर्णय 0 दिसम्बर –

+1

के रूप में सही उत्तर है यह 11 फरवरी 2015 (मेटा का उपयोग करें?) – molokoloco

+2

11 सितंबर 2017 के रूप में यह अभी भी सही उत्तर है। तो दुखद, यह होगा मुझे विकास का एक और दिन बचाया। – manish

5

आप पूर्ण स्क्रीन पर उपयोग नहीं कर सकते। यदि आप मेटा टैग को सही तरीके से सेट करते हैं, और वेब ऐप को होम स्क्रीन पर डालते हैं, तो आप सभी सफारी क्रूफ़्ट से छुटकारा पा सकते हैं, लेकिन आप अभी भी आईओएस स्टेटस बार (कनेक्टिविटी, घड़ी, बैटरी) के साथ छोड़ चुके हैं।

http://matt.might.net/articles/how-to-native-iphone-ipad-apps-in-javascript/

एप्पल के स्वयं के प्रलेखन के साथ-साथ अच्छा है::

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

<meta name="apple-mobile-web-app-capable" 
    content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" 
    content="black-translucent" /> 

इस के लिए संसाधनों की एक संख्या हैं, यहाँ एक मैं उपयोग करते आ रहे

लेकिन, संक्षेप में, आप आईओएस 6.1 के रूप में नहीं कर सकते हैं, आईओएस उपकरणों पर एक पूर्ण स्क्रीन वेब ऐप तैनात करते हैं। स्टेटस बार हमेशा उपस्थित रहेगा।

+0

अच्छा संदर्भ। लेकिन मेरे पास इस मोड के बारे में एक सवाल है। क्या आप प्रोग्राम प्रोग्रामिक रूप से एप्लिकेशन को बंद करने के बारे में जानते हैं? मेरा मतलब जावास्क्रिप्ट के साथ है। मैंने 'window.open (location.href," _self ") की कोशिश की। बंद करें(); 'लेकिन यह काम नहीं करता है। धन्यवाद – Maxbester

1

निम्नलिखित आईओएस में स्थिति बार को स्क्रॉल करता है। यह जल्दी अपने $ (दस्तावेज़) में कॉल

$('body').scrollTop(1); 

इस पल में संस्करण 6.x अप करने के लिए में काम करता है लेकिन iOS7 के ब्राउज़र का बीटा संस्करण में काम करने के लिए प्रकट नहीं होता है .ready। हमेशा के रूप में, नीचे ब्राउज़र ब्राउज़रबार तय किया गया है।

1

https://developer.apple.com/reference/webkitjs/htmlvideoelement

if (elem.webkitEnterFullScreen) { 
    elem.webkitEnterFullScreen(); 
} 

यह मेरे लिए काम करता है।

+0

जानना अच्छा है लेकिन यह केवल वीडियो के लिए है? जब तक आप कुछ पागल हैक नहीं करते - जैसे फ्लाई पर एन्कोडिंग वीडियो के रूप में स्थिर छवि ... _ (अत्यधिक जटिल लगता है) _ –

संबंधित मुद्दे