/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 vote104 views1 answer
Filter table with multiple input in angular
Javascript AngularJS
0 vote99 views1 answer
No styles are appearing in angular calendar
Javascript AngularJS
0 vote103 views1 answer
Tag p is already been closed when there are div tag angular
Javascript AngularJS
1 vote109 views1 answer
Angularjs change route js
Javascript AngularJS
0 vote113 views1 answer
Navigate to route and refresh angular 6
Javascript AngularJS
0 vote105 views1 answer
Binding variable with td in angular site:stackoverflow.com
Javascript AngularJS
0 vote188 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
0 vote113 views1 answer
Angular error ng0303 ngForIn
Javascript AngularJS
0 vote114 views1 answer
Angular content-security-policy header
Javascript AngularJS
0 vote267 views2 answers
Show password eye icon angular 9
Javascript AngularJS