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