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

Posted

技术标签:

【中文标题】如何摆脱嵌入在 UIWebView 中的 youtube 视频周围的白色边框?【英文标题】:How do I get rid of white border around youtube video embedded in UIWebView? 【发布时间】:2012-02-02 17:13:51 【问题描述】:

在我的 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];

任何帮助将不胜感激。

【问题讨论】:

【参考方案1】:

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

编辑添加类似&lt;html&gt;&lt;head&gt;&lt;title&gt;.&lt;/title&gt;&lt;style&gt;body,html,iframemargin:0;padding:0;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;[YOUR YOUTUBE CODE]&lt;/body&gt;&lt;/html&gt;的内容

【讨论】:

看起来你的 html 字符串在翻译中丢失了 我修好了。为了将来参考,您必须缩进四个空格或标签被剥离。 @NickLockwood 你能详细说明你的解决方案吗!【参考方案2】:

不要使用 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];

【讨论】:

以上是关于如何摆脱嵌入在 UIWebView 中的 youtube 视频周围的白色边框?的主要内容,如果未能解决你的问题,请参考以下文章

如何摆脱 UIWebView 中蓝色方块中的问号?

摆脱 iOs UIWebView 中的链接单击“flash”指示器

嵌入在 UIScrollview 中的 UIWebview 中的 Javascript 触摸事件

嵌入在 HTML5 中的视频不会在 UIWebView 中播放

如何从 UIWebView 嵌入式 YouTube 视频播放接收 NSNotifications

如何取消 UIWebView 中的文本字段编辑?