CODEWITHSUNDEEP
androidcordovajquery-mobileiframeyoutube-api
Ciack404
Ciack404

Reputation: 196

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) I see the video thumbnail, but when I click on it the screen goes black, I see the controls (play, forward and backward) and the video doesn't start. On some other video I see the loading "circle" and after that the YT related videos.

I'm checking that the video is avaible for mobile

http://gdata.youtube.com/feeds/videos?alt=json&format=1,6&fields=entry[link/@rel='http://gdata.youtube.com/schemas/2007%23mobile']&max-result=10&category=Music&q="+mySong

Any help would be really appreciated.

Upvotes: 3

Views: 3588

Answers (2)

Ciack404
Ciack404

Reputation: 196

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

Upvotes: 0

Matias Molinas
Matias Molinas

Reputation: 2296

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: NO
AllowInlineMediaPlayback: YES
OpenAllWhitelistURLsInWebView: YES
ExternalHosts
          *.youtube.com
          *.ytimg.com

Upvotes: 1

Related Questions