Cacher is the code snippet organizer for pro developers

<video id="videoApp" class="video" autoplay="autoplay" (click)="videoSelected()">
    <source src="./assets/video/video_ADAM.m4v">
      {{'APPVIDEO.NOTWORKING' | translate}}
</video>

export class AppVideoComponent implements OnInit {
  public videoPlayed: boolean = false;
  public vid = <HTMLVideoElement>document.getElementById("videoApp");  

  constructor(public translate: TranslateService) { }

  videoSelected(){
    if(this.videoPlayed){
      this.pauseVideo();
    } else {
      this.playVideo();
    }
    this.videoPlayed = !this.videoPlayed;
  }

  playVideo(){
    this.vid.play();
  }

  pauseVideo(){
    this.vid.pause();
  }

  ngOnInit() {

  }

}