Open In App

HTML DOM exitFullscreen() Method

Improve
Improve
Like Article
Like
Save
Share
Report

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

Syntax:

HTMLElementObject.exitFullscreen()

Parameters: No parameters are required. 

Return Value: No return value. 

Example: In this example, we will use exitFullscreen() method

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML | DOM exitFullscreen() Method
    </title>
   
    <!--script for close and open fullscreen-->
    <script>
        let 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: 

 

Supported Browsers: The browser supported by DOM exitFullscreen() Method is 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


Last Updated : 09 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads