如何消除在UIWebView中嵌入的Youtube视频周围的白色边框？

Question

如何消除在UIWebView中嵌入的Youtube视频周围的白色边框？

5

在我的iPad应用程序中，我有一个带有嵌入式YouTube视频的UIWebView。我已经匹配了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];

任何帮助都将不胜感激。

- kyleplattner

2个回答

7

不要使用iframe，在webview中直接加载视频（webview基本上就像是“本地”的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];

- Nick Lockwood

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- roman · Accepted Answer

仅供猜测：您需要重置html文档的body和youtube iframe的边距和填充。

编辑添加类似以下代码：<html><head><title>.</title><style>body,html,iframe{margin:0;padding:0;}</style></head><body>[YOUR YOUTUBE CODE]</body></html>