requesFullScreen

<html>

  <head>

  </head>

  <body>
  <a href="#" id="requestFS">Request Full Screen</a>
  <br />
  <a href="#" id="cancelFS">Cancel Full Screen</a>


  <script>

    document.getElementById("requestFS").addEventListener("click", function () {
      console.log("Request Full Screen");
      document.body.mozRequestFullScreen();
    }, false);

    document.getElementById("cancelFS").addEventListener("click", function () {
      console.log("Cancel Full Screen");
      document.mozCancelFullScreen();
    }, false);

    document.addEventListener("mozfullscreenchange", function (e) {
      console.log("Screen changed");
    }, false);

    var evt = document.createEvent("MouseEvents");
    evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

     var rFS = document.getElementById("requestFS");
     rFS.dispatchEvent(evt);

  </script>

  </body>

</html>