W3cubDocs

/Web APIs

Document: fullscreenElement property

The Document.fullscreenElement read-only property returns the Element that is currently being presented in fullscreen mode in this document, or null if fullscreen mode is not currently in use.

Although this property is read-only, it will not throw if it is modified (even in strict mode); the setter is a no-operation and it will be ignored.

Value

The Element object that's currently in fullscreen mode; if fullscreen mode isn't currently in use by the document, the returned value is null.

Examples

This example presents a function, isVideoInFullscreen(), which looks at the value returned by fullscreenElement; if the document is in fullscreen mode (fullscreenElement isn't null) and the fullscreen element's nodeName is VIDEO, indicating a <video> element, the function returns true, indicating that the video is in fullscreen mode.

js

function isVideoInFullscreen() {
  if (document.fullscreenElement?.nodeName === "VIDEO") {
    return true;
  }
  return false;
}

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
fullscreenElement 7120 791212–14 649 11 581512.1–15 16.46 714.4 7125 649 501412.1–14
16.4Only available on iPad, not on iPhone.
12Only available on iPad, not on iPhone.
10.01.5

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/fullscreenElement