OS Integration

Fullscreen

Probing…

Fullscreen is a web platform capability in the OS Integration category. Take any element fullscreen. Supported in Chromium 71+, Firefox 64+, and Safari 16.4+. Requires a user gesture such as a click or tap.

User gesture

Try it

Loading demo…

Code

await el.requestFullscreen()
await document.exitFullscreen()

document.addEventListener('fullscreenchange', () => {
  console.log('fullscreen element:', document.fullscreenElement)
})

Browser support

Chromium
71
Firefox
64
Safari
16.4

Frequently asked questions

Which browsers support Fullscreen?

Supported in Chromium 71+, Firefox 64+, and Safari 16.4+.

Does Fullscreen require HTTPS?

No. Fullscreen works without a secure context, though serving your site over HTTPS is always recommended.

What is Fullscreen used for?

Take any element fullscreen.

Can I try Fullscreen in my browser?

Yes. shwcs.net runs a live Fullscreen demo that probes your current browser and lets you try the API. Everything runs locally — nothing is sent anywhere.

MDN reference ↗ Specification ↗