如何摆脱嵌入在 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 的边距和填充。
编辑添加类似<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 视频周围的白色边框?的主要内容,如果未能解决你的问题,请参考以下文章
摆脱 iOs UIWebView 中的链接单击“flash”指示器
嵌入在 UIScrollview 中的 UIWebview 中的 Javascript 触摸事件
嵌入在 HTML5 中的视频不会在 UIWebView 中播放