2013-10-29 9 views
10

में यूट्यूब वीडियो को कैसे एम्बेड करें मैं समाधान के लिए काफी समय से खोज रहा हूं लेकिन मुझे लगता है कि फोनगैप के पुराने संस्करणों से संबंधित चीजें हैं। वीडियो को ले जाएगाफोनगैप आईओएस ऐप

<iframe width="240" height="180" src="http://www.youtube.com/embed/PEfxz7PuI0g" allowfullscreen></iframe> 

इस स्थान से अलग कुछ भी प्रदर्शित नहीं करता है, बस एक:

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

MediaPlaybackRequiresUserAction: NO 
AllowInlineMediaPlayback: YES 
OpenAllWhitelistURLsInWebView: YES 
ExternalHosts 
      *.youtube.com 
      *.ytimg.com 

मुझे विश्वास है कि ios के लिए phonegap क्षुधा के पिछले संस्करणों के लिए किया गया था। क्या कोई मदद कर सकता है, इसकी सराहना की जाएगी।

+0

मुझे यह नया फेसबुक ऐप अब यह कर रहा है - ऐप में, ऑटोप्लेइंग, अलग-अलग वीडियो विंडो में नहीं। यह जानना अच्छा लगेगा कि उन्होंने इसे कैसे हल किया। – Eskim0

उत्तर

8

नीचे कोड आशा है कि यह आप के लिए

वर video_embeded = 'PEfxz7PuI0g' पूर्ण मदद मिलेगी कोशिश;

<object><param name="movie" value="https://www.youtube.com/v/'+video_embeded+'&hl=en_US&feature=player_embedded&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="https://www.youtube.com/v/'+video_embeded+'?suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always"></embed></object> 

यह मेरे लिए पूरी मदद कर रहा है ....

+1

यह वास्तव में काम कर रहा है। समझ में नहीं आता कि यह जवाब बिना ध्यान दिए क्यों छोड़ा गया है। अच्छा समाधान! – Sauvage

+0

यह पहला जवाब है जो शोध के घंटों के बाद काम करता था। – bentsai

+0

हमें यह वही समस्या है, क्या यह अभी भी आपके लिए काम कर रहा है? क्या आप एक पूरा उदाहरण साझा कर सकते हैं? – sbsbessa

0

वहाँ किसी भी परिवर्तन मैं करना चाहता हूँ ..

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Document</title> 
</head> 
<body> 
<!--<iframe width="560" height="315"src="https://www.youtube.com     
/embed/Qhl5B4K1N0k" frameborder="0"allowfullscreen></iframe>--> 

<object><param name="movie" value="https://www.youtube.com/v/' 
+video_embeded+'&hl=en_US&feature=player_embedded&version=3"></param>  
<param name="allowFullScreen" value="true"></param><param  
name="allowScriptAccess" value="always"></param><embed 
src="https://www.youtube.com/v/'+video_embeded+'? 
suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" 
type="application/x-shockwave-flash" allowfullscreen="true" 
allowScriptAccess="always"></embed></object> 
</body> 
</html> 
2

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

<preference name="AllowInlineMediaPlayback" value="true" /> 
<preference name="MediaPlaybackRequiresUserAction" value="false" /> 
<allow-navigation href="*youtube*" /> 
<allow-navigation href="*ytimg*" /> 

आशा इस मदद करता है: मैं कई अलग अलग समाधान है, लेकिन केवल एक ही है कि वास्तव में काम किया config.xml को निम्नलिखित लाइनों को जोड़कर किया गया था की कोशिश की।

+1

हमें ये समस्याएं आ रही हैं, यहां तक ​​कि इन पंक्तियों का उपयोग करते समय, क्या यह अभी भी आपके लिए काम कर रहा है? क्या आप एक पूरा उदाहरण साझा कर सकते हैं? – sbsbessa

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