Skip to content
Related Articles

Related Articles

HTML | DOM exitFullscreen() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 10 Aug, 2022

The exitFullscreen() method requests the element which is currently in a full-screen mode to be taken out of full-screen mode. If element is not in full-screen mode, then nothing gets changed. The reverse of this method is requestFullscreen()

Syntax:

HTMLElementObject.exitFullscreen()

Parameters: No parameters required. 

Return Value: No return value. 

Example: 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
      HTML | DOM exitFullscreen() Method
    </title>
    <!--script for close and open fullscreen-->
    <script>
        var elem = document.documentElement;
 
        function closeFullscreen() {
            if (document.exitFullscreen)
                document.exitFullscreen();
        }
 
        function openFullscreen() {
            if (elem.requestFullscreen)
                elem.requestFullscreen();
        }
    </script>
</head>
 
<body>
    <h2>Welcome to GeeksforGeeks</h2>
    <p>
      Click on the "Open Fullscreen" button to open this page in"
      + "fullscreen mode. Close it by either clicking the "Esc" key"
      +" on your keyboard, or with the "Close Fullscreen" button.
    </p>
    <button onclick="openFullscreen();">
      Open Fullscreen
    </button>
    <button onclick="closeFullscreen();">
      Close Fullscreen
    </button>
</body>
</html>

Output: 

Open Fullscreen:

Exit Fullscreen:

  

Supported Browsers: The browser supported by DOM exitFullscreen() Method are listed below:

  • Google Chrome 71 and above
  • Edge 79 and above
  • Internet Explorer 11 and above
  • Firefox 64 and above
  • Opera 58 and above
  • Safari 5.1 and above

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!