iOS视频的横竖屏播放

今天同事问了我一个问题，关于视频的横竖屏播放的。效果很简单，竖屏的时候，视频小窗口播放，横屏的时候全屏播放。因为之前也没有研究过视频播放的内容，写了个简单的demo发现，当横屏时，是整个View全部横过来，如果这时候铺满屏幕的话，效果和（天天快报，今日头条）实现的不一样，于是果断放弃这个思路。

观察今日头条的视频的横竖屏效果，当切换横竖屏是只是视频小窗口的铺满，屏幕并没有旋转，于是解决方案是这样的。

关闭屏幕横竖屏旋转

![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2286896-b933b70b07f58c7f.png?ima
geMogr2/auto-orient/strip%7CimageView2/2/w/1240)

监听横竖屏切换

 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientChange:) 
 name:UIDeviceOrientationDidChangeNotification object:nil];

实现同时缩放，旋转

由于改变的都是layer的属性，所以自带隐式动画，如果想取消隐式动画

[CATransaction begin];
[CATransaction setDisableActions:YES];
#在commit之前修改属性值
[CATransaction commit];

• 旋转效果

CGAffineTransformMakeRotation（）
CGAffineTransformRotate（）这两个方法都可以实现旋转，但是CGAffineTransformMakeRotation（）这个方法不能和其他动画效果同时实现。

self.layer.affineTransform = CGAffineTransformRotate(self.layer.affineTransform, [self leftDirectionRotationAngle]);

• 缩放效果

self.layer.bounds = CGRectMake(0, 0, self.view.frame.size.height, self.view.frame.size.width);

• 调用这两个方法后可实现同时缩放旋转，但是由于layer的锚点为（0.5,0.5）,所以旋转缩放都是以layer的中心点实现的效果，所以要改变layer的position

self.layer.position = CGPointMake(self.layer.position.x, self.view.frame.size.height/2);

动态计算横竖屏转换时layer旋转的角度

定义一个当前的屏幕方向

@property (nonatomic, assign) UIDeviceOrientation currentDirection;

#根据即将要旋转的方向来计算旋转的角度

#即将向左横屏
- (CGFloat)leftDirectionRotationAngle{
    CGFloat angle = 0;
    switch (self.currentDirection) {
        case UIDeviceOrientationPortrait:
            angle = M_PI_2;
            break;
        case UIDeviceOrientationLandscapeRight:
            angle = M_PI;
        default:
            break;
    }
    return angle;
}
#即将向右横屏
- (CGFloat)rightDirectionRotationAngle{
    CGFloat angle = 0;
    switch (self.currentDirection) {
        case UIDeviceOrientationPortrait:
            angle = -M_PI_2;
            break;
        case UIDeviceOrientationLandscapeLeft:
            angle = M_PI;
        default:
            break;
    }
    return angle;
}
#即将竖屏
- (CGFloat)potraitDirectionRotationAngle{
    CGFloat angle = 0;
    switch (self.currentDirection) {
        case UIDeviceOrientationLandscapeLeft:
            angle = -M_PI_2;
            break;
        case UIDeviceOrientationLandscapeRight:
            angle = M_PI_2;
        default:
            break;
    }
    return angle;
}

实现效果

flow.2.gif