我在我的应用程序中有一个播放YouTube视频的要求:
- 当容器视图控制器出现时自动播放
- 检测视频何时结束(我在此事件中启用控件)
- 它不是全屏开始播放
- 支持全屏纵向和横向
- 完全兼容IOS 7和8
首先,我尝试使用youtube-ios-player-helper,结果如下:
- IOS 8:完美
- IOS 7:视频在全屏模式下暂停并且无法平稳播放。
我认为这可能是更好的解决方案,但我无法在IOS 7上使其正常工作。
第二个和实际选项,我使用混合解决方案:IOS 8使用youtube-ios-player-helper,IOS 7使用UIWebView和嵌入YouTube播放器。结果如下:
- IOS 8:完美
- IOS 7:可以工作但是每五个视频中会有一个没有自动播放,因此无法检测到视频结束(我不知道原因)
我感谢任何有关更好解决方案的建议,
我的当前代码(第二种选择):
-(void)youtubePlayerConfiguration{
NSString *version = [[UIDevice currentDevice] systemVersion];
if ([version floatValue] >= 8.0) {
NSDictionary *playerVars = @{
@"playsinline" : @1,
@"autoplay" : @1,
@"showinfo" : @0,
@"autohide" : @1,
@"rel" : @0,
@"modestbranding" : @1
};
youtubePlayer.delegate = self;
[youtubePlayer loadWithVideoId:self.videoId playerVars:playerVars];
} else {
UIWebView *webView = [[UIWebView alloc] initWithFrame:youtubePlayer.frame];
[webView setAllowsInlineMediaPlayback:YES];
[webView setMediaPlaybackRequiresUserAction:NO];
webView.delegate = self;
[self.view addSubview:webView];
NSString* embedHTML = [NSString stringWithFormat:@"\
<html>\
<body style='margin:0px;padding:0px;'>\
<script type='text/javascript' src='http://www.youtube.com/iframe_api'></script>\
<script type='text/javascript'>\
function onYouTubeIframeAPIReady()\
{\
ytplayer=new YT.Player('playerId',{events:{onReady:onPlayerReady,onStateChange: onPlayerStateChange}})\
}\
function onPlayerReady(a)\
{ \
a.target.playVideo(); \
}\
var done = false;\
function onPlayerStateChange(event) {\
if (event.data == YT.PlayerState.PLAYING && !done) {\
setTimeout(stopVideo, 6000);\
done = true;\
}\
if (event.data == YT.PlayerState.ENDED) {\
window.location = 'callback:anything';\
}\
}\
</script>\
<iframe id='playerId' type='text/html' width='%d' height='%d' src='http://www.youtube.com/embed/%@?enablejsapi=1&rel=0&playsinline=1&autoplay=1&showinfo=0' frameborder='0'>\
</body>\
</html>", 288,150, self.videoId];
[webView loadHTMLString:embedHTML baseURL:[[NSBundle mainBundle] resourceURL]];
webView.allowsInlineMediaPlayback = YES;
webView.mediaPlaybackRequiresUserAction = NO;
webView.scrollView.bounces = NO;
youtubePlayer.hidden = YES;
}
}
#pragma mark - Player YouTube Delegates
-(void)playerViewDidBecomeReady:(YTPlayerView *)playerView{
//[[NSNotificationCenter defaultCenter] postNotificationName:@"Playback started" object:self];
[playerView playVideo];
}
- (void)playerView:(YTPlayerView *)playerView didChangeToState:(YTPlayerState)state{
if (state == kYTPlayerStateEnded) {
ratingView.editable = YES;
ratingView.alpha = 1;
ratingView.userInteractionEnabled = YES;
}
}
- (void)playerView:(YTPlayerView *)playerView receivedError:(YTPlayerError)error
{
NSLog(@"YTPlayerView : receivedError :%i",error);
}
#pragma mark - WebView Delegate
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
NSLog(@"ENTRO - request:%@",request);
if ( [[[request URL] scheme] isEqualToString:@"callback"] ) {
NSLog(@"get callback");
ratingView.editable = YES;
ratingView.alpha = 1;
ratingView.userInteractionEnabled = YES;
return NO;
}
return YES;
}