Fullscreen API fullscreenEnabled()

示例

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

/* Get the element you want displayed in fullscreen */
var elem = document.getElementById("myvideo");

/* Function to open fullscreen mode */
function openFullscreen() {
/* If fullscreen mode is available, show the element in fullscreen */
if (document.fullscreenEnabled) {
/* Show the element in fullscreen */
elem.requestFullscreen();
}
}

亲自试一试 »

描述

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

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

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

提示：使用元素.exitFullscreen()取消全屏模式的方法。

浏览器支持

表中的数字指定完全支持该方法的第一个浏览器版本。笔记：有些浏览器需要特定的前缀（见括号）：

Method
fullscreenEnabled()	71.0 45.0 (webkit)	12.0 11.0 (ms)	64.0 47.0 (moz)	6.0 (webkit)	58.0 15.0 (webkit)

示例

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

/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}

亲自试一试 »

语法

document.fullscreenEnabled()

参数

没有任何

技术细节

返回值：	布尔值，表示文档是否可以全屏模式查看： true - 文档能以全屏模式查看 false - 文档不能以全屏模式查看