javascript - requestFullScreen 在移动设备上失败

Question

我使用此代码进入全屏:

function toggleFullScreen() {
  var doc = window.document;
  var docEl = doc.documentElement;

  var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
  var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;

  if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
    requestFullScreen.call(docEl);
  }
  else {
    cancelFullScreen.call(doc);
  }
}

错误:类型错误:未定义不是对象(正在评估“requestFullScreen.call”)

出现在线上

if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
        requestFullScreen.call(docEl);
      }

此代码适用于桌面设备，但在移动设备上使用时，没有任何反应。我想知道为什么。知道我错过了什么吗？

Answer 1

移动浏览器不支持全屏 API:http://caniuse.com/#feat=fullscreen