UIWebView 中的 YouTube 视频未居中答案

【问题标题】：YouTube video in UIWebView isn't centeredUIWebView 中的 YouTube 视频未居中
【发布时间】：2016-04-13 04:10:37
【问题描述】：

我在 Storyboard 中有一个 UIWebView，它有适当的约束。这是代码：

youtubeView是这个：

@IBOutlet var youtubeView: UIWebView!
youtubeView.allowsInlineMediaPlayback = true
youtubeView.loadHTMLString("<iframe width=\"\(youtubeView.frame.width)\" height=\"\(youtubeView.frame.height)\" src=\"\(youtubeUrl)?&playsinline=1\" frameborder=\"0\" allowfullscreen></iframe>", baseURL: nil)

问题是我得到这样的东西：simulator screenshot

你能帮我把 YouTube 视频放在这个 UIWebView 中吗？

【问题讨论】：

垂直居中还是水平居中？

标签： ios youtube uiwebview

【解决方案1】：

我所做的只是一个小技巧，而不是真正的解决方案。我已将约束设置为负数，因此绝对不是最佳做法。如果有人想出更好的方法，请告诉我。

【讨论】：

请显示您为UIWebView设置的约束
正如我在回答中所建议的，您的问题不是将 youtube 居中，而是将网络视图居中。如果要固定 webview 的宽度和高度，则将中心与 superview 的中心轴对齐。而不是使用设置任何间距，如前导。
@zcui93 你说的我都做了，没有任何帮助
我从你的约束截图中没有看到任何接近我的建议，所以我无能为力。使用中心约束 + 固定宽度，或使用leading = trailing = 0 来居中。去阅读更多自动布局。
是的，我一定会这样做的。在该领域需要更多经验。无论如何，谢谢@zcui93！

【解决方案2】：

最好使用完整的屏幕截图。不知道整体垂直位置，即低于它的任何东西。

确保正确限制UIWebView，因为我不知道您的网络视图的size 是什么。要么将中心与父视图的y 轴对齐，要么将top、bottom、left、right 设置为0 填充间隙。
如果UIWebView 已经是上述约束，那么这确实是一个HTML/CSS 问题。要水平居中，请使用边距属性。 style="margin: auto;" 或者，width=100% 在您的情况下也可以。如果不是垂直居中，请尝试使用简单的解决方案，例如将 div 包装为 display: inline-block; 样式。

【讨论】：

我已经编辑了帖子，请再看一遍。（屏幕截图已更改）