Document.exitFullscreen()

The Document.exitFullscreen() is a method that takes the document out of full-screen mode; this is used to reverse the effects of a call to make an element in the document full-screen using its Element.requestFullscreen() method.

Note: If another element was previously in full-screen mode when the current element was placed into full-screen mode, that previous element regains full-screen mode. A "stack" of full-screen elements is maintained by the browser for this purpose.

Syntax

JavaScript

Copy Code

document.exitFullscreen();

Example

JavaScript

Copy Code

// Click toggle fullscreen mode
document.onclick = function (event) { 
  if (document.fullscreenElement) { 
    document.exitFullscreen() 
  } else { 
    document.documentElement.requestFullscreen() 
  } 
};

Specifications

Specification	Status	Comment
Fullscreen API The definition of 'Document.exitFullscreen()' in that specification.	Living Standard	Initial definition

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	?	9.0 (9.0) as `mozCancelFullScreen`^[1] 47.0 (47.0)^[1] (behind `full-screen-api.unprefix.enabled`	?	?	?

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	?	9.0 (9.0) as `mozCancelFullScreen`^[1] 47.0 (47.0)^[1] (behind `full-screen-api.unprefix.enabled`	?	?	?

[1] The full-screen mode "stack" which allows you to cancel full screen mode for one element, restoring a previous element to full-screen mode automatically, was implemented in Gecko 11.0 (Firefox 11.0 / Thunderbird 11.0 / SeaMonkey 2.8).

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/document/exitfullscreen

API DOM Full-screen Method Reference