2013-06-13 5 views
20

<video> टैग विशेषता webkit-playsinline माना जाता है कि रोकता है डिफ़ॉल्ट एचटीएमएल 5 वीडियो के पूर्णस्क्रीन व्यवहार में जाते हैं।"वेबकिट-playsinline" वीडियो टैग विशेषता

मैंने इस वीडियो को मेरे वीडियो टैग में जोड़ा और आईओएस 6 आईफोन पर मोबाइल सफारी और क्रोम की जांच की और यह काम नहीं करता है। वीडियो अभी भी पूर्णस्क्रीन चला जाता है। This is similar to others' experiences as described on SO two years ago.

आज 13 जून, 2013 के अनुसार कौन से मोबाइल ब्राउज़र इस विशेषता webkit-playsinline काम करते हैं?

+0

से विशेषता सेट करने का प्रयास किया, तो इसे देखा? http://stackoverflow.com/questions/5054560/can-i-avoid-the-native-fullscreen-video-player-with-html5-on-iphone-or-android – lifetimes

+0

@ जेनिथ धन्यवाद, हाँ, लेकिन क्यू एंड ए खत्म हो गया है 2 साल पुराना। इस समय से लोगों के अनुभवों पर सोच रहा था। हालांकि मैं प्रश्न के लिंक जोड़ दूंगा। –

+1

कोई चिंता नहीं, लेकिन हर जगह मैंने देखा है कि इसका इस्तेमाल मूल आईओएस ऐप और एचटीएमएल 5 दोनों में शामिल है .. – lifetimes

उत्तर

14

webkit-playsinline विशेषता आईओएस 4 + पर एचटीएमएल 5 वीडियो के लिए काम करती है, लेकिन केवल तभी जब आप वेबपेज के रूप में वेबपेज को अपनी होम स्क्रीन पर सहेजते हैं। यदि आप मोबाइल सफारी का उपयोग कर रहे हैं तो यह हमेशा पूर्णस्क्रीन खोल देगा। http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

मैं भी कि इनलाइन वीडियो प्लेबैक अपने मूल ब्राउज़र के भीतर काम करता है एंड्रॉयड के हाल के संस्करणों पर देखा है:

अपने यहाँ समर्थन के बारे में एक छोटी सी blurb Theres।

+0

धन्यवाद जानना अच्छा है –

+1

- @ ब्लैकटॉथ, क्या आप एंड्रॉइड के विशिष्ट संस्करणों का उल्लेख कर सकते हैं जिन्हें आपने इसे काम करने के लिए पाया? –

+0

हम इसे एक आईफोन पर वेब ऐप के रूप में कैसे सहेज सकते हैं? – ihue

21

एप्पल अंत में आईओएस 10 पर playsinline विशेषता सक्षम बना दिया है लगता है, तो यह काम करेगा:

<video src="file.mp4" playsinline> 

मैं एक polyfill iphone-inline-video कहा जाता है कि iOS 8 और करने के लिए समान व्यवहार कहते लिखा था 9.

1

यह मेरे लिए काम किया। मैंने वीडियो टैग के अंदर playsinline का उपयोग करने का प्रयास किया। लेकिन यह काम नहीं किया इसलिए मैंने jQuery

$('#you video tag id').attr('playsinline',''); 
संबंधित मुद्दे