How to use Embedded Facebook Page plugin, Tweeter Timelines and Youtube in Cordova or PhoneGap IOS apps.

To add embedded social media pages or feeds in Cordova or PhoneGap application. You need to generate relative social media side code from their developer area then put in your desired area. Then your must add permission to config.xml mention below.

Twitter
 <a class="twitter-timeline" href="https://twitter.com/PIB_India" data-prefetch="true" data-widget-id="604257654391767041">Tweets by @PIB_India</a>
 <script>
                    !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");
 </script>









Facebook
   <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fpibindia&tabs=timeline&width=340&height=500&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>







Youtube
<iframe src="https://www.youtube.com/embed/MLqZUdGfBEs?ecver=2" width="640" height="360" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen></iframe>

In config.xml

  <access origin="*" />
  <allow-intent href="*://*.twitter.com/*" />
  <allow-navigation href="*://*.twitter.com/*"/>
  <allow-navigation href="*://*.facebook.com/*"/>