How can I embed a Youtube video in a iOS6 app?

Question

I have problems embedding Youtube videos in a iOS6 app.

The problem is that whenever I create a html element that uses the old / or new embed code, it opens Safari and shows the video

I use the Youtube API to get videos, and use PhoneGap

Update The solution is to set OpenAllWhitelistURLsInWebView to YES in Phonegap settings

It is fixed now, we had to set OpenAllWhitelistURLsInWebView to YES in Phonegap settings — bartburkhardt

iDev iDev · Accepted Answer · 2012-11-23T00:16:31

You can use UIWebview to load videos instead of Safari.

Here is a sample code

CGRect rect = [[UIScreen mainScreen] bounds];
CGSize screenSize = rect.size;

UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,0,screenSize.width,screenSize.height)];
webView.autoresizesSubviews = YES;
webView.autoresizingMask=(UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth);

NSString *videoUrl = @"http://www.youtube.com/v/oHg5SJYRHA0";
NSString *htmlString = [NSString stringWithFormat:@"<html><head><meta name = \"viewport\" content = \"initial-scale = 1.0, user-scalable = no, width = 212\"/></head><body style=\"background:#F00;margin-top:0px;margin-left:0px\"><div><object width=\"320\" height=\"480\"><param name=\"movie\" value=\"%@\"></param><param name=\"wmode\" value=\"transparent\"></param><embed src=\"%@\" type=\"application/x-shockwave-flash\" wmode=\"transparent\" width=\"320\" height=\"480\"></embed></object></div></body></html>",videoUrl,videoUrl]    ;


[webView loadHTMLString:htmlString baseURL:[NSURL URLWithString:@"http://www.youtube.com"]];

[window addSubview:webView];
[webView release];

How can I embed a Youtube video in a iOS6 app?

2 Answers