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);
  }
}

错误：TypeError: undefined is not an object (evaluating 'requestFullScreen.call')

它出现在

行上

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

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

Answer 1

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