0

I want to open the page in full screen without the user clicking a button. I have tried lots of ways, but it still is not working. Can anyone help me to solve this?

<html>
<head>
  <script>
    document.querySelector("#page").requestFullscreen();
  </script>
</head>
<body onload="test()" id="page">
  <input type="submit" id="click" value="click" onclick="openFullscreen()">
  <button onclick="openFullscreen()" id="click"> Full screen</button>
  <script>
    var elem = document.documentElement;

    function openFullscreen() {
      if (elem.requestFullscreen) {
        elem.requestFullscreen();
      } else if (elem.mozRequestFullScreen) { /* Firefox */
        elem.mozRequestFullScreen();
      } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
        elem.webkitRequestFullscreen();
      } else if (elem.msRequestFullscreen) { /* IE/Edge */
        elem.msRequestFullscreen();
      }
    }
    openFullscreen();
    document.getElementById("click").click();
    window.onload = function() {
      document.getElementById("click").click();
    }
  </script>
</body>
</html>
Rory McCrossan
  • 319,460
  • 37
  • 290
  • 318
Suresh
  • 31
  • 7
  • `I want to get full screen page without button click` That's not possible. Launching full screen mode has to be done in a logic block which was initiated from a user-initiated event - in other words, not immediately on load. – Rory McCrossan Mar 05 '20 at 11:19
  • Any other option are there? @RoryMcCrossan – Suresh Mar 05 '20 at 11:28

0 Answers0