ios - Javascript命令以全屏(iOS)获取youtube播放器？

菜鸟教程小白 · 发表于 2022-12-12 23:32:25

我需要在 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:{onReadynPlayerReady}})
                       }
                       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

和风景:

enter image description here

如何做到这一点？

Best Answer-推荐答案

如果您想搜索/查询 youtube 视频，请查看 GData 以检索视频 URL。

要全屏播放视频，我会从 javascript 中提取视频 URL 并使用 XCDYoutubeVideoPlayerViewController全屏播放。

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

客服电话

电子邮件

hotios - 无法使用 Phonegap 应用程序在 IOS 9

ios - Javascript命令以全屏(iOS)获取youtube播放器？

Best Answer-推荐答案

关于我们

产品与服务

解决方案

139-2527-9053