{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 手持菜刀，她持情操 的问题《Inline YouTube video in Ionic/Cordova/PhoneGap app》','https://www.manongdao.com/q-414005.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
How can I get a YouTube video to play inline in an Ionic/Cordova/PhoneGap app on iPhone? I've tried all the top results on here and Google to no avail. Whether I embed with an iframe, an object, or via the YouTube iframe api, the video always opens in full screen.
There are lots of iOS apps which achieve this. How are they achieving this? And can this somehow be hijacked and implemented into a Cordova app? Via a Cordova plugin, for example?
Use should use
playsinlineas player parameter according to the documentation. youtube APII finally got this working.
First, insert the YouTube video like so:
Next, close down Xcode and edit config.xml (usually in the root of your project).
Add this line under the other preferences:
Save it, rebuild the project, open in Xcode and run again. Your YouTube video should now be playing inline. Tested on latest iOS (9.1) on iPhone 6.
As @Zhou Hao added in a comment, you also need
Without it, it was working fine in Android, but nothing was displayed in iOS (the content of the iframe was
<html><body></body></html>).After adding it, it worked fine on iOS also.
This is with Cordova iOS 4.2.0.