UIWebView中的YouTube视频不会居中

Question

我在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？

中

Answer 1

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

1. 请务必正确约束UIWebView，因为我无法说明您网络视图的size是什么。将中心与超级视图的y轴对齐，或者将top，bottom，left，right设置为0填补空白。

2. 如果UIWebView已经如上所述受到限制，那么它确实是HTML/CSS个问题。要水平居中，请使用保证金属性。 style="margin: auto;"或者，width=100%在您的情况下也可以。如果不是垂直居中，请尝试使用简单的解决方案，例如用div样式包裹display: inline-block;。

Answer 2

我所做的是一些黑客，而不是真正的解决方案。我将约束设置为负数，因此绝对不最佳实践。如果有人想出更好的，请告诉我。