全屏 API fullscreenEnabled()
示例
以全屏模式显示 <video> 元素
/* 获取您想要全屏显示的元素 */
var elem = document.getElementById("myvideo");
/* 打开全屏模式的函数 */
function openFullscreen() {
/* 如果全屏模式可用，则以全屏显示元素 */
if (document.fullscreenEnabled) {
/* 以全屏显示元素 */
elem.requestFullscreen();
}
}
自己动手试一试 »
描述
fullscreenEnabled() 方法返回一个布尔值，指示文档是否可以以全屏模式显示。
fullscreenEnabled() 方法返回 true，如果全屏模式可用；否则返回 false。
提示：使用 element.requestFullscreen() 方法以全屏模式显示元素。
提示：使用 element.exitFullscreen() 方法退出全屏模式。
浏览器支持
表中的数字指定了完全支持该方法的第一个浏览器版本。 注意：某些浏览器需要特定的前缀（参见括号）
| 方法 | |||||
|---|---|---|---|---|---|
| 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 (
document.fullscreenEnabled || /* 标准语法 */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
自己动手试一试 »
语法
document.fullscreenEnabled()
参数
| 无 |
技术详情
| 返回值 | 一个布尔值，表示文档是否可以以全屏模式显示
|
|---|
