The fullscreen API makes a specific element fill the whole screen and hides most browser UI.

Compatibility (view on caniuse.com)

• Chrome 71 Released on 2018-12-04
• Chrome Android 71 Released on 2018-12-04
• Edge 79 Released on 2020-01-15
• Firefox 64 Released on 2018-12-11
• Firefox for Android 64 Released on 2018-12-11
• Safari 16.4 Released on 2023-03-27
• Safari on iOS ❌ Search for bugs Search for standards position

BCD data

• css.selectors.backdrop.fullscreen
• html.elements.iframe.allowfullscreen
• api.HTMLIFrameElement.allowFullscreen
• api.Document.fullscreenEnabled
• css.selectors.fullscreen
• api.Document.exitFullscreen
• api.Document.exitFullscreen.returns_promise
• api.Document.fullscreenElement
• api.Document.fullscreenchange_event
• api.Document.fullscreenerror_event
• api.Element.fullscreenchange_event
• api.Element.fullscreenerror_event
• api.Element.requestFullscreen
• api.Element.requestFullscreen.returns_promise
• api.ShadowRoot.fullscreenElement