如何全屏访问移动(iPhone)苹果浏览器(webkitExitFullScreen
)功能上的webkit
。
在使用IFrame API
的iPhone上,视频始终会全屏播放,但之后我无法通过JS像webkitExitFullScreen
一样访问不同的功能。
我看到这已经在YouTube API Forum中提交给论坛和团队了:
https://groups.google.com/d/msg/youtube-api-gdata/fygn23jMbdE/pNE57RDl1gEJ
和
https://groups.google.com/forum/#!msg/youtube-api-gdata/7ioV74oFX84/U8zQ7-Yl9w4J
我想问及跟进他们的问题,尤其是自一年前以来的最后一个问题。但是,这些小组现在已经关闭,说我应该在这里提出。有谁知道这是否已经在the API的某个地方实现了,我可能会错过了?或者,也许如何与团队联系并直接询问他们的进度或情况?
最佳答案
写在你的viewdidload
webView112 = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
webView112.backgroundColor = [UIColor redColor];
webView112.allowsInlineMediaPlayback = YES;
webView112.mediaPlaybackRequiresUserAction = NO;
webView112.delegate = self;
[self.view addSubview:webView112];
NSString *filePath = [[NSBundle mainBundle] pathForResource:@"youtube" ofType:@"html"];
NSString *html = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
[webView112 loadHTMLString:html baseURL:[NSURL URLWithString:@"any static url"]];
视频播放完成后,以下方法将触发
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
if ( [[[request URL] scheme] isEqualToString:@"callback"] )
{
NSLog(@"get callback");
[webView112 removeFromSuperview];
return NO;
}
return YES;}
并创建.html文件并将此代码粘贴到.html文件中
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
var elapsed = -1;
var isPlayerLoaded = false;
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
player.playVideo();
}
// function onPlayerError(event) {
// }
//
function onPlayerStateChange(event) {
var state = '';
switch(event.data) {
case YT.PlayerState.ENDED:
window.location = "callback:anything";
break;
case YT.PlayerState.PLAYING:
state = 'playing';
break;
case YT.PlayerState.PAUSED:
state = 'paused';
break;
case YT.PlayerState.BUFFERING:
state = 'buffering';
break;
case YT.PlayerState.CUED:
state = 'cued';
break;
default:
state = 'unstarted';
break;
}
jQuery('#log').append(state + "<br/>");
}
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '400',
width: '320',
videoId: 'y84oAUjA8ms',
playerVars: { 'autoplay': 0, 'modestbranding': 1, 'rel': 0, 'showinfo': 0, 'iv_load_policy': 3, 'controls': 1, 'playsinline':1 },
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
// 'onError': onPlayerError
}
});
}
</script>
</head>
<body style="padding:0;margin:0;background-color:#000000;">
<div id="log" style="background:#fff;height:0px;width:0%;margin-top:0px;"></div>
<div id="player" frameborder="0"></div>
</body>