如何摆脱UIWebView中嵌入的youtube视频周围的白色边框?

时间:2012-02-02 17:13:51

标签: iphone ios cocoa-touch uiwebview

在我的iPad应用程序中,我有一个UIWebView,其中嵌入了youtube视频。我已经匹配UIWebView大小和嵌入视频的大小,并确保宽高比是正确的。我已经将UIWebView背景颜色设置为清晰的颜色而没有运气。如何将嵌入的视频集中在我的UIWebView中。我也使用了内容模式:中心,它似乎并不尊重它。请参见下面的屏幕截图:

http://cl.ly/1N3c0d343r3v1i0J1h0d

NSString *video_ID = @"7Ek1QwGp9Tw?rel=0";

NSString *htmlStr = [NSString stringWithFormat:@"<iframe class=\"youtube-player\" type=\"text/html\" width=\"453\" height=\"255\" src=\"http://www.youtube.com/embed/%@\" frameborder=\"0\"></iframe>",video_ID];

[webView loadHTMLString:htmlStr baseURL:nil];

任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:10)

只是猜测:您需要重置html文档正文和youtube iframe的边距和填充。

编辑添加<html><head><title>.</title><style>body,html,iframe{margin:0;padding:0;}</style></head><body>[YOUR YOUTUBE CODE]</body></html>

之类的内容

答案 1 :(得分:6)

请勿使用iframe,只需将视频直接加载到网页视图中(无论如何,网页视图基本上就像“原生”iframe):

NSString *URLString = [NSString stringWithFormat:@"http://www.youtube.com/embed/%@",video_ID];
NSURL *URL = [NSURL URLWithString:URLString];
NSURLRequest *request = [NSURLRequest requestWithURL:URL];
[webView loadRequest:request];