iOS AVPlayer播放视频的留白处理

很多开发者使用AVPlayer播放视频的时候,会出现留白的问题,使得页面效果不是很好,如下图:
屏幕快照 2017-11-10 上午11.03.48.png

以上可以看出,在不知道视频宽高比的时候,给player一个预设高度,如果项目中背景色不是深色的时候,会达不到产品的要求。众所周知,苹果官方提供了三种填充模式:

/**
 AVPlayerLayer的videoGravity属性设置
 AVLayerVideoGravityResize,       // 非均匀模式。两个维度完全填充至整个视图区域
 AVLayerVideoGravityResizeAspect,  // 等比例填充,直到一个维度到达区域边界
 AVLayerVideoGravityResizeAspectFill, // 等比例填充,直到填充满整个视图区域,其中一个维度的部分区域会被裁剪
 */
@property (nonatomic, copy) NSString         *videoGravity;

我们一般都默认使用的是AVLayerVideoGravityResizeAspect ,因为使用其他两种模式会拉伸视频,导致变形。那么问题来了,想使用AVLayerVideoGravityResizeAspect,又想不留白,该怎么处理呢?有种办法是:取得视频的宽高比,不预设高度,根据视频页面所在的宽度和取得视频的宽高比决定视频页面的高度,这样一来,可以解决留白的问题。
取得视频宽高比的方法:

//获取视频宽高比
- (CGFloat )getVideoScale:(NSURL *)URL{
    //获取视频尺寸
    AVURLAsset *asset = [AVURLAsset assetWithURL:URL];
    
    NSArray *array = asset.tracks;
    CGSize videoSize = CGSizeZero;
    for (AVAssetTrack *track in array) {
        if ([track.mediaType isEqualToString:AVMediaTypeVideo]) {
            videoSize = track.naturalSize;
        }
    }
    
  return videoSize.height/videoSize.width;
}

如此一来,我们只需要根据这个比例来设定高度:

self.playerView.frame =CGRectMake(0,64,ScreenWidth,ScreenWidth*scale);

效果如图:


屏幕快照 2017-11-10 上午11.43.17.png

GitHub源码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容