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

Posted 2023-03-12

技术标签:

【中文标题】如何摆脱嵌入在 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 的边距和填充。

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

【讨论】：

看起来你的 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 视频周围的白色边框？的主要内容，如果未能解决你的问题，请参考以下文章