The Document.fullscreenEnabled read-only property returns a Boolean that reports whether or not full-screen mode is available. Full screen mode is available only for a page that has no windowed plug-ins in any of its documents, and if all <iframe> elements which contain the document have their allowfullscreen attribute set.
Although this property is read-only, it will not throw if it is modified (even in strict mode); the setter is a no-operation and it will be ignored.
Syntax
var isFullscreenAvailable = document.fullscreenEnabled;
On return, isFullscreenAvailable is true if the document can be put into full-screen mode.
Example
function requestFullScreen() {
if (document.fullscreenEnabled) {
videoElement.requestFullScreen();
} else {
console.log('Your browser cannot use fullscreen right now');
}
}
Specifications
| Specification | Status | Comment |
|---|---|---|
| Fullscreen API The definition of 'Document.fullscreenEnabled' in that specification. |
Living Standard | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes)-webkit 45 (unprefixed) |
10.0 (10.0) as mozFullScreenEnabled47.0 (47.0) (behind full-screen-api.unprefix.enabled |
? | ? | ? |
| Feature | Android Webkit | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Yes)-webkit 45 (unprefixed) |
(Yes)-webkit 45 (unprefixed) |
10.0 (10.0)as mozFullScreenEnabled47.0 (47.0) (behind full-screen-api.unprefix.enabled |
? | ? | ? |