/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

1 vote319 views1 answer
Angular cli path environment variable
Javascript AngularJS
12 votes292 views5 answers
Angular font awesome
Javascript AngularJS
1 vote267 views1 answer
Angular architecture patterns
Javascript AngularJS
9 votes321 views3 answers
Angular get current timestamp
Javascript AngularJS
0 vote310 views1 answer
ANGULAR locale fr
Javascript AngularJS
0 vote308 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS
0 vote302 views2 answers
Angular disable click
Javascript AngularJS
0 vote312 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote265 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
0 vote295 views1 answer
Angular create project in current directory
Javascript AngularJS