iOS 8 youtube video embed

10
votes

I'm facing problems that I can't seem to understand.

I have this code that works perfectly in Xcode 5 with iOS 7:

- (void)viewDidLoad {
  [super viewDidLoad];
  // Do any additional setup after loading the view, typically from a nib.
  CGFloat width = self.view.frame.size.width;
  CGFloat height = self.view.frame.size.height;
  UIWebView *webview = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, width, height)];
  NSString* embedHTML = @"\
  <html><head><meta name=\"viewport\" content=\"width=device-width; initial-scale=1.0; user-scalable=0;\"/>\
  <style type=\"text/css\">\
    body {\
    background-color: transparent;\
   color: black;\
  }\
  </style>\
  </head><body style=\"margin:0;\">\
  <embed id=\"yt\" src=\"https://www.youtube.com/v/M7lc1UVf-VE?hd=1\" type=\"application/x-shockwave-flash\" \
  width=\"%0.0f\" height=\"%0.0f\"></embed>\
  </body></html>";
  NSString *html = [NSString stringWithFormat:embedHTML, width, height];
  [webview loadHTMLString:html baseURL:nil];
  [self.view addSubview:webview];
}

When I build the same code in Xcode 6 for iOS 8 then the video displays in the webview but is way to small.

Can anybody explain what's happening here and how I could overcome this?

2
iosxcodeuiwebviewyoutube
Why not use github.com/0xced/XCDYouTubeKit? – thijsai
One reason could be, because this should be an offical app and the page you are linking to states: "Warning: XCDYouTubeKit is against the YouTube Terms of Service." But thanks anyways. – berliner
@berliner did you find the solution for this problem other than third party library? – ViruMax
@ViruMax No, unfortunately I didn't find an explanation for this behavior. I ended up using an iframe instead of the embed code. – berliner
@berliner Could you please tell me or paste your code that how did you use iFrame? – ViruMax

2 Answers

5
votes

I had the same problem, I solve using this solution

https://developers.google.com/youtube/v3/guides/ios_youtube_helper

also in the YTPlayerView.m (~line: 610) try this changes:

[playerParams setValue:[NSString stringWithFormat: @"%0.00f", self.frame.size.height] forKey:@"height"];
// [playerParams setValue:@"100%" forKey:@"height"];
[playerParams setValue:[NSString stringWithFormat: @"%0.00f", self.frame.size.width] forKey:@"width"];
// [playerParams setValue:@"100%" forKey:@"width"];

Hope this help

3
votes

I worked on this for a while and figured out a solution that works amazingly for my purposes. What was happening in my case is for some reason the iFrame was using some padding that needed to be discarded.

Also important to note is if you include youtube.com as the Base URL it will load much quicker.

Make a UIWebView in your storyboard and connect the @property to it, then reference below.

    CGFloat height = self.webView.frame.size.height;
    CGFloat width = self.webView.frame.size.width;
    NSString *youTubeVideoCode = @"dQw4w9WgXcQ";
    NSString *embedHTML = @"<iframe width=\"%f\" height=\"%f\" src=\"http://www.youtube.com/embed/%@\" frameborder=\"0\" style=\"margin:-8px;padding:0;\" allowfullscreen></iframe>";
    NSString *html = [NSString stringWithFormat:embedHTML, width, height, youTubeVideoCode];
    self.webView.scrollView.bounces = NO;
    [self.webView loadHTMLString:html baseURL:[NSURL URLWithString:@"http://www.youtube.com"]];