Fullscreen API fullscreenElement

❮ Previous ❮ Fullscreen API Reference Next ❯

Example

Get the element that is currently in fullscreen mode:

var elem = document.fullscreenElement;

Description

The fullscreenElement property returns the current element that is displayed in fullscreen mode, or null when not in fullscreen.

Tip: Use the element.requestFullscreen() method to view an element in fullscreen mode.

Tip: Use the element.exitFullscreen() method to cancel fullscreen mode.

Browser Support

The numbers in the table specify the first browser version that fully supports the property. Note: Some browsers require a specific prefix (see parentheses):

Property
fullscreenElement	71.0 45.0 (webkit)	79.0 11.0 (ms)	64.0 47.0 (moz)	5.1 (webkit)	40.0 (webkit)

Example

Using prefixes for cross-browser code:

if (
document.fullscreenElement || /* Standard syntax */
document.webkitFullscreenElement || /* Safari and Opera syntax */
document.msFullscreenElement /* IE11 syntax */
) {
...
}

Syntax

document.fullscreenElement

Technical Details

Return Value:	Returns the element that is currently in fullscreen mode, or null if fullscreen mode is not available

❮ Previous ❮ Fullscreen API Reference Next ❯