ipad/iphone 视频没有切换到全屏模式

Posted

技术标签:

【中文标题】ipad/iphone 视频没有切换到全屏模式【英文标题】:ipad/iphone video not switching to fullscreen mode 【发布时间】:2012-10-13 05:56:55 【问题描述】:

我正在努力以全屏模式播放视频。所有浏览器都可以正常工作,包括 safari。但 ipad/iphone 完全没有响应。这是我的情况和功能,谁能帮我解决这个问题?

代码:

if(fullscreen && !currentVideo.paused)
            if (currentVideo.requestFullScreen) 
                currentVideo.requestFullScreen();
               else if (currentVideo.mozRequestFullScreen) 
                currentVideo.mozRequestFullScreen();
               else if (currentVideo.webkitRequestFullScreen || currentVideo.webkitEnterFullscreen) 
                currentVideo.webkitRequestFullScreen() || currentVideo.webkitEnterFullscreen();
            
        

【问题讨论】:

我不确定这是否可能?甚至 YouTube 也无法在 iPad 上给我全屏视频(在 Safari 中,我不是在谈论应用程序)。这让我觉得可能没有办法 您要在 webview 中播放视频吗? 是的。我正在为响应式网站制作此视频。 (我使用 jquerymobile) @Pekka 我可以全屏观看 youtube 视频(移动 safari)。我认为这一直是一种选择。 @Joonas 既然你提到了它,我记得:以前也可以这样做。但是在 youtube.com 上时,我似乎没有在 ios 6 上的选项。我稍后会检查它。 【参考方案1】:

这对我有用...

setTimeout(function () 
        if(fullscreen && !currentVideo.paused)
            if (currentVideo.requestFullScreen) 
                currentVideo.requestFullScreen();
               else if (currentVideo.mozRequestFullScreen) 
                currentVideo.mozRequestFullScreen();
               else if (currentVideo.webkitRequestFullScreen) 
                currentVideo.webkitRequestFullScreen();
              else if (currentVideo.webkitEnterFullscreen)
                currentVideo.webkitEnterFullscreen();
             
        
    ,1000);        
 );

谢谢大家。

【讨论】:

以上是关于ipad/iphone 视频没有切换到全屏模式的主要内容,如果未能解决你的问题,请参考以下文章

当页面视频全屏时,将 Webview2 切换到全屏

在Windows 10上将.NET Core控制台应用程序切换到全屏模式

MPMoviePlayerController:无法从全屏切换到嵌入式

如何在 React Native youtube iframe 中切换到全屏(单击 YouTube 播放器 gui 上的全屏按钮旋转到横向)?

WebBrowser 控制视频元素进入全屏

videoview的内容到全屏