requestFullscreen在Samsung移动默认浏览器中无法正常工作

时间:2019-06-10 09:53:49

标签: javascript jquery html

我有一个统一游戏在webgl中运行,我希望它在单击按钮后能全屏运行。 它可以在Android移动设备上的笔记本电脑和google chrome上运行,但在三星移动默认网络浏览器上无法正常运行。

function fullscreen(){
      $(".fullscreenDiv").fadeOut("1000");
      let elem = document.getElementById("webGL");
      if (elem.requestFullscreen) {
        elem.requestFullscreen();
      } else if (elem.mozRequestFullScreen) { /* Firefox */
        elem.mozRequestFullScreen();
      } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
        elem.webkitRequestFullscreen();
      } else if (elem.msRequestFullscreen) { /* IE/Edge */
        elem.msRequestFullscreen();
      }
      screen.orientation.lock('landscape');

    }

在谷歌浏览器上运行上述方法后,Chrome浏览器将全屏加载,但在三星浏览器上,它将进入全屏显示,但不会覆盖全屏显示,并在内容右侧显示空白区域。 我该怎么做才能在Samsung Browser上全屏显示。Samsung browser output

2 个答案:

答案 0 :(得分:0)

我有同样的问题。看来这是三星浏览器或Android问题。必须强制Android上的应用使用全屏:设置>显示>全屏应用。在我的手机上,默认情况下,只有Chrome移动版设置为全屏,其他应用程序设置为自动。我将三星浏览器切换为全屏,现在它可以将全屏用作Chrome。

因此,解决方案可能是通知用户如何激活真正的全屏。

答案 1 :(得分:0)

移动浏览器不支持FullScreen API

http://caniuse.com/#feat=fullscreen