Fullscreen API
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...