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)


http://www.vxiaotou.com