HTML DOM fullscreenEnabled() 方法
实例
在全屏模式下显示 <video> 元素:
/* 获取要全屏显示的元素 */
var elem = document.getElementById("myvideo");
/* 打开全屏模式的功能 */
function openFullscreen() {
/* 如果全屏模式可用，则全屏显示元素 */
if (document.fullscreenEnabled) {
/* 全屏显示元素 */
elem.requestFullscreen();
}
}
亲自试一试 »
var elem = document.getElementById("myvideo");
/* 打开全屏模式的功能 */
function openFullscreen() {
/* 如果全屏模式可用，则全屏显示元素 */
if (document.fullscreenEnabled) {
/* 全屏显示元素 */
elem.requestFullscreen();
}
}
定义和用法
fullscreenEnabled() 方法返回一个布尔值，指示是否可以在全屏模式下查看文档。
如果全屏模式可用，则 fullscreenEnabled() 方法返回true，否则返回false。
注释: 这种方法需要特定的前缀才能在不同的浏览器中使用（请参见下面的浏览器支持）。
提示: 使用 element.requestFullscreen() 方法以全屏模式查看元素。
提示: 使用 element.exitFullscreen() 方法取消全屏模式。
浏览器支持
表中的数字表示支持该方法的第一个浏览器版本。 注释: 每个浏览器都需要特定的前缀（请参见括号）:
| 方法 | |||||
|---|---|---|---|---|---|
| fullscreenEnabled() | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
实例
为跨浏览器代码使用前缀:
/* 如果全屏模式可用，那么做点什么 */
if (
document.fullscreenEnabled || /* 标准语法 */
document.webkitFullscreenEnabled || /* Chrome, Safari 和 Opera 语法 */
document.mozFullScreenEnabled ||/* Firefox 语法 */
document.msFullscreenEnabled/* IE/Edge 语法 */
) {
...
}
亲自试一试 »
if (
document.fullscreenEnabled || /* 标准语法 */
document.webkitFullscreenEnabled || /* Chrome, Safari 和 Opera 语法 */
document.mozFullScreenEnabled ||/* Firefox 语法 */
document.msFullscreenEnabled/* IE/Edge 语法 */
) {
...
}
语法
document.fullscreenEnabled()
参数
| None |
技术细节
| 返回值: | 一个布尔值，指示是否可以全屏模式查看文档:
|
|---|
❮ Document 对象
