Web APIs

Fullscreen API

Checking compatibility...

Control fullscreen display mode for web content. Perfect for creating immersive experiences, presentations, and video players with fullscreen capabilities.

Enter Fullscreen

See how a webpage element expands to fill your entire screen when you click a button, creating an immersive viewing experience for videos or games.

=
=
=
=
=
=

Output

Click Run to see output...

Exit Fullscreen

Watch how a webpage can programmatically exit fullscreen mode, allowing websites to create their own custom exit buttons alongside the browser's built-in escape key option.

=
=
=
=
=
=

Output

Click Run to see output...

Toggle Fullscreen

Experience how a single button can switch between normal and fullscreen modes, just like the controls you'd find in video players or presentation software.

=
=
=
=
=
=

Output

Click Run to see output...

Fullscreen Events

See how websites can detect when you enter or exit fullscreen mode, allowing them to adjust their layout or controls to match your current viewing state.

=
=
=
=
=
=

Output

Click Run to see output...