iOS 中 youtube iframe 上的边距答案

【问题标题】：margin on youtube iframe in iOSiOS 中 youtube iframe 上的边距
【发布时间】：2014-12-27 20:48:08
【问题描述】：

我有一个UIWebView，代码如下：
<iframe class="youtube-player" type="text/html" width="320" height="180" src="http://www.youtube.com/embed/OsSZ4u7Sz6s" frameborder="0"></iframe>

问题是视频预览偏离了几个像素（见图）

我检查了recursiveDescription UIWebView 本身在正确的位置 (0,0,320,180)

我怎样才能把它弄紧？

编辑：
显然它也发生在 Vimeo iframe 上 - 所以问题不是 youtube 特定的，而是 iframe 特定的

【问题讨论】：

标签： ios iframe uiwebview youtube

【解决方案1】：

需要重新设置边距和内边距。

NSString *yourHtml = @"<html><head><title>.</title><style>body,html,iframe{margin:0;padding:0;}</style></head><body><iframe width=\"100%%\"  height=\"250\" src=\"http://www.youtube.com/embed/OsSZ4u7Sz6s\" frameborder=\"0\" allowfullscreen></iframe></body></html>";
[self.webView loadHTMLString:yourHtml baseURL:nil];

如果您希望视频更灵活，可以查看我的答案here，它使用了3rd party class。

【讨论】：

谢谢！只需修复您的代码 yourHtml/embedHTML 以防有人在不注意的情况下复制粘贴 :)
@Boaz 没问题！（固定）

【解决方案2】：

您的 webView 正在添加边距，因为您的 html 中没有正文。只需添加一个没有边距的正文：

<body style='margin:0px;'><iframe ...></iframe></body>

就是这样。

但是，如果您允许我这么说，它看起来不错，带有白色边距：D 您只需要调整 iframe 的大小。

希望对你有帮助！

【讨论】：