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
document.exitFullscreen();

Example

JavaScript
// 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

Browser compatibility

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).

See also

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