全屏 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()
引數
| 無 |
技術詳情
| 返回值 | 一個布林值，表示文件是否可以以全屏模式顯示
|
|---|
