Fullscreen 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()
参数
无 |
技术细节
返回值 | 一个布尔值,指示文档是否可以全屏显示。
|
---|