/Javascript/AngularJS/Screenfull angular example

Screenfull angular example

/**
   * Toggles the fullscreen mode.
   */
  toggleFullscreen() {
    if (document.webkitIsFullScreen) {
      this._exitFullscreen();
    } else {
      this._activateFullscreen();
    }
  }

  /**
   * Activate Full Screen Mode.
   */
  private _activateFullscreen() {
    let fullscreenElement = document.documentElement;
    if (fullscreenElement.requestFullscreen) {
      fullscreenElement.requestFullscreen();
    } else if (fullscreenElement.mozRequestFullScreen) { 
      /* Firefox */
      fullscreenElement.mozRequestFullScreen();
    } else if (fullscreenElement.webkitRequestFullscreen) { 
      /* Chrome, Safari and Opera */
      fullscreenElement.webkitRequestFullscreen();
    } else if (fullscreenElement.msRequestFullscreen) { 
      /* IE/Edge */
      fullscreenElement.msRequestFullscreen();
    }
  }

  /**
   * Exits Full Screen Mode.
   */
  private _exitFullscreen() {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.mozCancelFullScreen) { 
      /* Firefox */
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) { 
      /* Chrome, Safari and Opera */
      document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) { 
      /* IE/Edge */
      document.msExitFullscreen();
    }
  }

Source: stackoverflow.com

Similar codes

0 vote342 views1 answer
My angular modal popup is not closing automatically
Javascript AngularJS
0 vote364 views1 answer
Input type shows object angularjs
Javascript AngularJS
0 vote338 views1 answer
Property 'src' does not exist on type 'HTMLElement' angular
Javascript AngularJS
0 vote338 views1 answer
Iterating hashmap angular
Javascript AngularJS
0 vote386 views1 answer
Angular formData print values
Javascript AngularJS
29 votes422 views2 answers
Angular npm angular material
Javascript AngularJS
0 vote291 views2 answers
15) Which of the following directive is used to initialize an angular app? A. ng-app ANSWER B.ng-model C.ng-controller D.None of the above
Javascript AngularJS
0 vote376 views1 answer
Angular table lazy loading
Javascript AngularJS
-1 vote322 views2 answers
Activate router angular
Javascript AngularJS
-3 votes306 views7 answers
Angular
Javascript AngularJS