iOS WKWebView网页播放视频时自动旋转

最近做项目用到了WKWebView，发现在网页上播放视频会调用系统的播放器，但是播放时不能够自动旋转，最后查阅相关资料，终于解决了。附上相关demo：GKWKWebViewDemo

下面简单介绍一下解决步骤：

1. 首先在AppDelegate里定义一个属性allowRotate，用于控制window是否支持旋转

- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window
{
    return self.allowRotate ? UIInterfaceOrientationMaskAllButUpsideDown : UIInterfaceOrientationMaskPortrait;
}

2.创建UINavigationController的分类，并增加转屏相关方法

// 是否支持自动转屏
- (BOOL)shouldAutorotate
{
    return [self.visibleViewController shouldAutorotate];
}

// 支持哪些屏幕方向
- (UIInterfaceOrientationMask)supportedInterfaceOrientations
{
    return [self.visibleViewController supportedInterfaceOrientations];
}

// 默认的屏幕方向（当前ViewController必须是通过模态出来的UIViewController（模态带导航的无效）方式展现出来的，才会调用这个方法）
- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation
{
    return [self.visibleViewController preferredInterfaceOrientationForPresentation];
}

3.在需要播放视频的控制器里监听window的出现和隐藏，设置allowRotate的对应值

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(windowVisible:) name:UIWindowDidBecomeVisibleNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(windowHidden:) name:UIWindowDidBecomeHiddenNotification object:nil];

- (void)windowVisible:(NSNotification *)notify
{
    self.appDelegate.allowRotate = NO;
}

- (void)windowHidden:(NSNotification *)notify
{
    self.appDelegate.allowRotate = YES;
}

这里要注意一点：当播放器开始播放视频，然后用户切换到横屏，点击左上角的Done按钮，会出现播放器消失，控制器还是横屏的bug，解决办法也很简单，只需要在当前控制器里增加以下代码即可：

- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation
{
    return UIInterfaceOrientationPortrait;
}

这里写的与demo中的内容有些出入，具体以demo中的为准，下面是demo中的相关截图：

 ](http://upload-images.jianshu.io/upload_images/1598505-5c9983847abdc13e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ](http://upload-images.jianshu.io/upload_images/1598505-e3d862409d173455.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)