Javascript命令让youtube播放器全屏(iOS)?

时间:2014-06-29 11:43:59

标签: ios iframe youtube fullscreen landscape

我需要在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]];

我得到这个内联播放器:

enter image description here

有全屏按钮。我想从代码中触发全屏。

是否有任何javascript命令可以从内联模式切换到全屏模式?

示例: Youtube官方应用 纵向:

enter image description here

and landscape:

enter image description here

如何实现这一目标?

1 个答案:

答案 0 :(得分:1)

如果您想搜索/查询YouTube视频,请查看GData以检索视频网址。

要全屏播放视频,我会从javascript中提取视频网址,并使用XCDYoutubeVideoPlayerViewController全屏播放。