我需要在iframe中显示与YouTube官方应用中的YouTube视频相似的YouTube视频。将设备旋转到横向时,应以全屏模式播放视频。

我使用以下代码嵌入youtube视频,但是我不确定如何在横向模式下强制全屏模式:


                       <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官方应用
肖像:

和景观:

如何实现?

最佳答案

如果您要搜索/查询youtube视频,请 checkout GData来检索视频URL。

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

关于ios - 使用Javascript命令以全屏(iOS)模式获取youtube播放器?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24475771/

10-13 05:02