iphone - क्या मैं आईफोन या एंड्रॉइड पर एचटीएमएल 5 के साथ देशी फुलस्क्रीन वीडियो प्लेयर से बच सकता हूं?




android html5 (4)

मैंने एक वेब ऐप बनाया है जो HTML5 टैग और जावास्क्रिप्ट कोड का उपयोग करता है जो चल रही वीडियो के साथ सिंक्रनाइज़ की गई अन्य सामग्री प्रदान करता है। यह डेस्कटॉप ब्राउज़र में बहुत अच्छा काम करता है: फ़ायरफ़ॉक्स, क्रोम, और सफारी। एक आईफोन या एक DroidX पर, मूल वीडियो प्लेयर पॉप अप करता है और स्क्रीन पर ले जाता है, इस प्रकार अन्य गतिशील सामग्री को अस्पष्ट करता है जिसे मैं वीडियो के साथ एक साथ प्रदर्शित करना चाहता हूं।

क्या इसके आसपास कोई रास्ता है? यदि आवश्यक हो, तो मैं उन प्लेटफॉर्म दोनों के लिए देशी ऐप्स लिखने का तरीका समझूंगा, लेकिन अगर मैं केवल HTML5 / जावास्क्रिप्ट के साथ रह सकता हूं तो यह मुझे एक टन प्रयास करेगा।


आईओएस 10+ में

ऐप्पल ने आईओएस 10 पर सभी ब्राउज़रों में विशेषता playsinline को सक्षम किया, इसलिए यह निर्बाध रूप से काम करता है:

<video src="file.mp4" playsinline>

आईओएस 8 और आईओएस 9 में

संक्षिप्त उत्तर: iphone-inline-video उपयोग करें, यह इनलाइन प्लेबैक को सक्षम बनाता है और ऑडियो को सिंक करता है।

लंबा जवाब: आप वास्तव में वीडियो को .play() करके प्लेबैक को अनुकरण करके इस समस्या के आसपास काम कर सकते हैं .play() 'इसे'


आईओएस 10 बीटा में 4. एचटीएमएल 5 में सही कोड <video src="file.mp4" webkit-playsinline="true" playsinline="true"> वेबकिट-नाटकोंलाइन आईओएस 10- के लिए है, और नाटकोंलाइन आईओएस 10 के लिए है +।

https://webkit.org/blog/6784/new-video-policies-for-ios/ माध्यम से विवरण https://webkit.org/blog/6784/new-video-policies-for-ios/


मुझे एंड्रॉइड के बारे में पता नहीं है, लेकिन आईफोन या आईपॉड टच पर सफारी छोटे स्क्रीन आकार की वजह से सभी वीडियो पूर्ण स्क्रीन चलाएगी। आईपैड पर यह पृष्ठ पर वीडियो चलाएगा लेकिन उपयोगकर्ता को इसे पूर्ण स्क्रीन बनाने की अनुमति देगा।


यहां एक ऐप्पल डेवलपर लिंक है जो स्पष्ट रूप से कहता है कि -

आईफोन और आईपॉड टच पर, जो छोटे स्क्रीन डिवाइस हैं, "वीडियो वेब पेज के भीतर प्रस्तुत नहीं किया गया है"

सफारी डिवाइस-विशिष्ट विचार

अब :

  • webkit-playsinline विशेषता आईओएस पर एचटीएमएल 5 वीडियो के लिए काम करती है, लेकिन केवल तभी जब आप वेबपेज के रूप में वेबपेज को अपनी होम स्क्रीन पर सहेजते हैं - अगर सफारी में कोई पृष्ठ नहीं खोला जाता है
  • वेबव्यू (या एचटीएमएल, सीएसएस, जेएस के साथ एक हाइब्रिड ऐप) के साथ एक मूल ऐप के लिए UIWebView वीडियो इनलाइन खेलने की अनुमति देता है, लेकिन केवल तभी जब आप UIWebView क्लास के लिए allowsInlineMediaPlayback प्रॉपर्टी सेट करते हैं




fullscreen