Youtube Iframe In Jquery Mobile + Phonegap Build

I'm using an iframe to embed a youtube video in an app for android/iOS developed using jQuery mobile and phonegap build. Testing it on my browser works fine. On my device (android)

Solution 1:

This tutorial seems to work :

http://eisabainyo.net/weblog/2012/01/24/embed-a-youtube-video-iframe-in-phonegap-app/

Pay attention to this step:

Change/add the following values in PhoneGap.plist file of your app.

MediaPlaybackRequiresUserAction:NOAllowInlineMediaPlayback:YESOpenAllWhitelistURLsInWebView:YESExternalHosts*.youtube.com*.ytimg.com

Solution 2:

The problem seemed to be related with the android version: on 4.0 the iframe/html5 version worked fine. The problem was on android 2.3.

I used a jqm plugin as a workaround in 2.3