我需要在iframe中显示类似于官方Youtube应用中的YouTube视频。当设备旋转为横向时,视频应以全屏模式播放。
我使用此代码嵌入youtube视频,但我不确定如何在横向强制使用全屏模式:
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}})
}
function onPlayerReady(a)
{
a.target.playVideo();
}
</script>
<iframe id='playerId' type='text/html' width='%f' height='%f' src='http://www.youtube.com/embed/%@?enablejsapi=1&rel=0&playsinline=1&autoplay=1' frameborder='0'>
</body>
</html>", self.webView.frame.size.width, self.webView.frame.size.height, self.videoId];
[self.webView loadHTMLString:embedHTML baseURL:[[NSBundle mainBundle] resourceURL]];
我得到这个内联播放器:
有全屏按钮。我想从代码中触发全屏。
是否有任何javascript命令可以从内联模式切换到全屏模式?
示例: Youtube官方应用 纵向:
and landscape:
如何实现这一目标?
答案 0 :(得分:1)
如果您想搜索/查询YouTube视频,请查看GData以检索视频网址。
要全屏播放视频,我会从javascript中提取视频网址,并使用XCDYoutubeVideoPlayerViewController全屏播放。