Question

我的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）

我怎样才能把它弄紧？ enter image description here

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

Answer 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。

Answer 2

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

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

就是这样。

但是，如果你允许我这样说，它看起来很漂亮有白色边缘：D你只需要调整iframe的大小。

希望它有所帮助！

iOS中的youtube iframe上的边距

2 个答案: