YouTubePlayerView全屏将视频捕捉到顶部

时间:2017-05-29 13:28:50

标签: ios iphone video swift3 youtube

我正在使用YouTubePlayerView库快速在iOS 10应用中显示YouTube播放器。我能够在视图控制器中以纵向和横向模式正确播放YouTube全屏视频。视频通常会“快照”到屏幕顶部,而不是以纵向在中心播放。所以,而不是:

enter image description here

我明白了:

enter image description here

我的约束设置正确,前导,尾随,底部和顶部都设置为YouTubePlayerView的父视图(实际上是控制器视图)。我怀疑这可能不是布局问题,至少不是本地问题。相反,我认为这是一个UIWebView问题。目前,playerParams设置为:

fileprivate func playerParameters() -> YouTubePlayerParameters {

    return [
        "height": "100%" as AnyObject,
        "width": "100%" as AnyObject,
        "events": playerCallbacks() as AnyObject,
        "playerVars": playerVars as AnyObject
    ]
}

这是播放器的默认设置。

但是如何在webview中正确布局播放器以在纵向上呈现垂直居中的视频?

由于

P.S。将播放器模式设置为内联不会削减它,因为我想要一个“完成”按钮可以关闭视频视图。

1 个答案:

答案 0 :(得分:0)

由于YT youtube播放器在WebView内呈现html,修改CSS会起到作用。

YTPlayer.html 中,在style代码中添加以下代码

div {
    vertical-align: middle;
    display: table-cell;
}