相关疑难解决方法(0)

我正在尝试使应用程序在Safari for iOS 6中以全屏模式运行(没有顶部栏).代码如下:

var elem = document.getElementById("element_id");
if (elem.requestFullScreen) {
  elem.requestFullScreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullScreen) {
  elem.webkitRequestFullScreen();
}

它适用于桌面浏览器.但在Mobile Safari(iOS)6中不起作用.

对这个问题有什么看法吗？

我有这个用于webkitRequestFullScreen的JSFiddle示例.

我在Mac OSX上使用Chrome 2,该示例似乎对我不起作用.最初我写了我自己的例子,但下面链接中的那个不是我写的.它仍然似乎没有用.

http://jsfiddle.net/2uNzk/1/

var test = document.querySelector('.test');

test.addEventListener('click', function () {

  if(test.requestFullScreen) {
    test.requestFullScreen();
  } else if(test.mozRequestFullScreen) {
    test.mozRequestFullScreen();
  } else if(test.webkitRequestFullScreen) {
    test.webkitRequestFullScreen();
  }
}, false);

但以下示例确实有效!只有当我尝试在Plunker或JSFiddle中重现它时,它似乎不起作用:

http://www.jwplayer.com/blog/using-the-browsers-new-html5-fullscreen-capabilities/

继承人我的掠夺者例子:

 <!-- just to keep things in one place I put the JS here. -->
  <script type="text/javascript">
    function goFullscreen(id) {

      // Get the element that we want to take into fullscreen mode
      var element = document.getElementById(id);

      // These function will not exist in the browsers that don't support fullscreen …