ios
  • cordova
  • ionic-framework
  • html5-video
  • 2015-11-29 7 views 12 likes 
    12

    मैं अपने आयनिक ऐप में वीडियो चलाने के लिए HTML5 वीडियो टैग का उपयोग कर रहा हूं।आईओनिक/फोनगैप में वीडियो इनलाइन बजाना (वेबकिट-नाटकलाइन काम नहीं कर रहा है)

    <video autoplay loop class="video" webkit-playsinline> 
        <source src="videos/polina.mp4" type='video/mp4; codecs="h.264"' > 
        <source src="videos/polina.webm" type="video/webm"> 
    </video> 
    

    वीडियो ठीक स्वतः चलाया जाता, हालांकि वीडियो देशी खिलाड़ी में खुल जाता है और इनलाइन अदा नहीं करता है: यहाँ मेरी कोड है। कुछ शोध करने के बाद मुझे यह समझाया गया है कि webkit-playsinline इस समस्या को हल करना चाहिए, कम से कम iOS पर आ गया है, लेकिन इस iOS8 पर परीक्षण & 9.

    मैं videogular की कोशिश की मेरे लिए मामला हो प्रतीत नहीं होता है और मैं अभी भी हो रही है विस्फोटित देशी खिलाड़ी दिखाई दे रहा है।

    मैंने यहां यह कोड प्राप्त करने के लिए थोड़ा सा भुगतान किया: https://creativemarket.com/DenzilDoyle/194974-Ionic-background-video जो वास्तव में दिखाता है कि मैं क्या बनाने की कोशिश कर रहा हूं (मेरी लॉगिन स्क्रीन पर एक पृष्ठभूमि वीडियो) लेकिन फिर भी वीडियो मूल प्लेयर में खुलता है।

    क्या कोई भी अपने आयनिक/फोनगैप ऐप पर इनलाइन खेलने के लिए वीडियो प्राप्त करने में कामयाब रहा है? यदि हां, तो कैसे?

    उत्तर

    21

    कारण क्यों है UIWebView इनलाइन वीडियो प्लेबैक की अनुमति देने के लिए कॉन्फ़िगर नहीं किया गया था। आईपैड पर इसे अनुमति देने के लिए डिफॉल्ट किया गया है, लेकिन iPhones पर यह नहीं है।

    आप आसानी से अपने config.xml को यह जोड़कर इस अनुमति दे सकते हैं:

    <preference name="AllowInlineMediaPlayback" value="true" /> 
    

    UIWebView तो वेबकिट-playsinline विशेषता सम्मान करना चाहिए।

    साथ ही कोड अधिकांश एंड्रॉइड डिवाइसों पर भी काम करेगा (विशेष रूप से यदि आप क्रॉसवॉक प्लगइन जोड़ते हैं)। हालांकि आपको पहले वेबम रखना चाहिए, फिर एमपी 4 फाइल क्रोम के कुछ संस्करणों के साथ समस्याओं से बचने के लिए)।

    आपको वीडियो टैग में पोस्टर = "फर्स्टफ्रेम.जेपीजी" भी जोड़ना चाहिए ताकि वीडियो को चलाने के लिए तैयार होने पर आपको एक छवि मिल सके। जेपीजी वीडियो का पहला फ्रेम होना चाहिए (जो भी वीडियो संपादक आप इसे निकालने के लिए पसंद करते हैं) का उपयोग करें।

    इस साइट को एक और अधिक पूर्ण उदाहरण (और मुफ्त ...) के लिए देखें। मैंने एंड्रॉइड/आईओएस पर कॉर्डोवा के साथ न्यूनतम परिवर्तन के साथ इसका इस्तेमाल किया है। आवश्यक परिवर्तन परियोजना में फ़ाइलों को लोड करते थे, एंड्रॉइड के लिए क्रॉसवॉक का उपयोग करते हैं, सीएसएस में मीडिया चयनकर्ता को हटाते हैं (यह डिज़ाइन द्वारा छोटी स्क्रीन पर वीडियो रोकता है, लेकिन यह कॉर्डोवा में ठीक काम करता है), नाटकलाइन विशेषता जोड़ें, और अंत में जोड़ें config.xml में वरीयता।

    http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

    +1

    धन्यवाद! :)। बस क्या जरूरत थी। –

    +0

    कभी भी, मदद करने में खुशी हुई! –

    +1

    मैंने कोशिश की, लेकिन ऐसा लगता है कि यह यूट्यूब आईफ्रेम एपीआई के साथ आयनिक ढांचे के लिए काम नहीं करता है –

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