Element: fullscreenerror event

The fullscreenerror event is fired when the browser cannot switch to full-screen mode.

Bubbles Yes
Cancelable No
Interface Event
Event handler property onfullscreenerror

As with the fullscreenchange event, two fullscreenerror events are fired; the first is sent to the Element which failed to change modes, and the second is sent to the Document which contains that element.

For some reasons that switching into full-screen mode might fail, see the guide to the Fullscreen API.

Examples

const requestor = document.querySelector('div');

requestor.addEventListener('fullscreenerror', (event) => {
  console.error('an error occurred changing into fullscreen');
  console.log(event);
});

requestor.requestFullscreen();

Specifications

Specification Status
Fullscreen API Living Standard

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
fullscreenerror eventChrome Full support 57Edge Full support ≤79Firefox Full support 64
Full support 64
No support 10 — 64
Alternate Name
Alternate Name Uses the non-standard name: mozfullscreenerror
IE ? Opera Full support 44Safari ? WebView Android Full support 57Chrome Android Full support 57Firefox Android Full support 64
Full support 64
No support 10 — 64
Alternate Name
Alternate Name Uses the non-standard name: mozfullscreenerror
Opera Android Full support 43Safari iOS ? Samsung Internet Android Full support 7.0

Legend

Full support
Full support
Compatibility unknown
Compatibility unknown
Uses a non-standard name.
Uses a non-standard name.

See also