全屏API

fullScreen.js

/**
 * 判断是否支持全屏
 * 
 * @return {Boolean}   boolean  返回布尔值
 */
function canFullscreen() {
  var el = document.body;
  return (
    typeof (
    el.requestFullScreen || 
    el.requestFullscreen || 
    el.mozRequestFullScreen || 
    el.webkitRequestFullScreen || 
    el.msRequestFullscreen) === "function"
  );
};


/**
 * 进入全屏
 * 
 * @@param  {Object}    el       要全屏的 DOM 对象
 * @return {Boolean}   boolean  返回布尔值
 */
function fullscreen(el) {
  var requestFullscreen = 
      el.requestFullScreen ||
      el.mozRequestFullScreen ||
      el.webkitRequestFullScreen ||
      el.msRequestFullScreen;

      if (!requestFullscreen) {
          return false;
      }
        
  requestFullscreen = requestFullscreen.toString().match(/function (\w+)\(\)/)[1];
  el[requestFullscreen]();

  return true;
}

/**
 * 判断当前是否为全屏
 * 
 * @return {Boolean}   boolean   返回布尔值
 */

function isFullscreen() {
  return (
    (document.fullscreenElement   && document.fullscreenElement   !== null) ||
    (document.msFullscreenElement && document.msFullscreenElement !== null) ||
    document.mozFullScreen || 
    document.webkitIsFullScreen
  );
}

/**
 * 退出全屏
 * 
 * @return {Boolean}   boolean   返回布尔值
 */
 
function ExitFullscreen() {
  var cancelFullScreen = 
        document.cancelFullScreen    || 
        document.exitFullscreen         ||
        document.mozCancelFullScreen ||
        document.webkitCancelFullScreen ||
        document.msExitFullscreen;

    if (!cancelFullScreen) {
        return false;
    }
        
  cancelFullScreen = cancelFullScreen.toString().match(/function (\w+)\(\)/)[1];
  document[cancelFullScreen]();

  return true;
}