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
Specification |
---|
Fullscreen API Standard # ref-for-dom-document-fullscreenelement① |
Browser compatibility
BCD tables only load in the browser