类似搜狐视频app视频列表播放

有些视频app有一个视频列表播放功能，例如搜狐视频app的热点模块，腾讯视频app的热点模块等。进入此页面会自动播放视频，滑动页面还会自动切换播放视频，同时支持横竖屏切换，确实比较方便。研究了下，实现方法可以如下。

首先记录下tableview当前展示的所有cell的indexPath:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
[self addOneIndexPathToVisibleIndexArrayWithValue:indexPath];
}
- (void)tableView:(UITableView *)tableView didEndDisplayingCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
[_visibleIndexArray removeObject:indexPath];
}

当页面停止滑动时要判断出需要播放的视频存在于第几个cell中，自动去播放其中的视频：

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
{
self.currentPlayingIndex = [self getCurrentCellIndexShouldBePlaying];
}

其次还要将此cell回传到ViewController中，在cell中添加delegate方法，注意如果之前有cell已经在播放视频，需要恢复初始状态

- (void)videoPlayListTableViewCellPlayButtonTappedWithIndex:(NSInteger)index AndCell:(SCVideoPlayListTableViewCell *)cell
{
if(_currentPlayingCell){
[_currentPlayingCell backToInitState];
_currentPlayingCell = nil;
}
_currentPlayingIndex = index;
_currentPlayingCell = cell;
}

滑动列表停止时，如果之前播放的cell已经滚出屏幕，需要停止播放

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
{
[NSObject cancelPreviousPerformRequestsWithTarget:self];
BOOL isOutOfScreen = [self judgeCurrentFullScreenPlayingCellIfOutOfScreen];
if(isOutOfScreen){
[self rotateToPortrait];
if(_currentPlayingCell){
[_currentPlayingCell removeFromSuperview];
[_currentPlayingCell backToInitState];
_currentPlayingCell = nil;
}
}
self.currentPlayingIndex = [self getCurrentCellIndexShouldBePlaying];
}

然后为了实现横竖屏切换，添加监测屏幕方向变化的通知

- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientationHasChange:) name:UIDeviceOrientationDidChangeNotification object:nil];
}

实现对应的通知方法

- (void)orientationHasChange:(NSNotification *)notification
{
if(!_currentPlayingCell){
return;
}
UIDevice *device = (UIDevice *)notification.object;
if(device.orientation == UIInterfaceOrientationLandscapeLeft){
[self rotateToLandscapeLeft];
}
else if(device.orientation == UIInterfaceOrientationLandscapeRight){
[self rotateToLandscapeRight];
}
else if(device.orientation == UIInterfaceOrientationPortrait){
[self rotateToPortrait];
}
}

最后要注意，离开页面时也要停止播放当前cell中的视频

- (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
[[NSNotificationCenter defaultCenter] removeObserver:self name:UIDeviceOrientationDidChangeNotification object:nil];
if(_currentPlayingCell){
[_currentPlayingCell backToInitState];
_currentPlayingCell = nil;
}
}

OK，大功告成。

PS:项目完整版下载地址为：

https://github.com/wangqi211/VideoListPlayDemo