Fullscreen API fullscreenEnabled() 方法

定义和用法

fullscreenEnabled() 方法返回布尔值，指示是否可以在全屏模式下查看文档。

如果全屏模式可用，则 fullscreenEnabled() 方法返回 true，否则返回 false。

提示：请使用 element.requestFullscreen() 方法 以全屏模式查看元素。

提示：请使用 element.exitFullscreen() 方法 取消全屏模式。

实例

例子 1

在全屏模式下显示 <video> 元素：

/* 获取您希望全屏显示的元素 */
var elem = document.getElementById("myvideo");

/* 打开全屏模式的函数 */
function openFullscreen() {
  /* 如果全屏模式可用，则全屏显示元素 */
  if (document.fullscreenEnabled) {
    /* 全屏显示元素 */
    elem.requestFullscreen();
  }
}

亲自试一试

例子 2

为跨浏览器代码使用前缀：

/* 如果全屏模式可用，那么做点什么 */
if (
  document.fullscreenEnabled || /* 标准语法 */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

亲自试一试

语法

document.fullscreenEnabled()

参数

无。

技术细节

返回值：

布尔值，指示是否可以在全屏模式下查看文档：

  • true - 可以全屏模式查看文档
  • false - 无法全屏查看文档

浏览器支持

表中的数字注明完全支持该方法的首个浏览器版本。

注释：一些浏览器需要特定的前缀（见括号）：

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)