import { AfterViewInit, Component, ElementRef, Input, OnChanges, OnDestroy, OnInit, ViewChild } from '@angular/core'; @Component({ selector: 'app-player-content-wrapper', templateUrl: './player-content-wrapper.component.html', styleUrls: ['./player-content-wrapper.component.scss'] }) export class PlayerContentWrapperComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit { @ViewChild('wrapperEl', {static: true }) wrapperEl: ElementRef; // // aspect ratio? @Input() ratio; _w: string; _h: string; constructor() { if (window.innerHeight < window.innerWidth) { this._h = '100%'; this._w = 'auto'; } else { this._w = '100%'; this._h = 'auto'; } } ngOnInit() { if (!this.ratio) { this.ratio = '20-9'; } } ngOnChanges() { } ngOnDestroy(): void { } ngAfterViewInit() { } }