player-content-wrapper.component.ts 894 Bytes
Newer Older
liujiangnan's avatar
liujiangnan committed
1 2 3
import {
  AfterViewInit,
  Component,
liujiaxin's avatar
liujiaxin committed
4
  ElementRef,
liujiangnan's avatar
liujiangnan committed
5 6 7
  Input,
  OnChanges,
  OnDestroy,
liujiaxin's avatar
liujiaxin committed
8
  OnInit,
liujiangnan's avatar
liujiangnan committed
9
  ViewChild
liujiaxin's avatar
liujiaxin committed
10
} from '@angular/core';
liujiangnan's avatar
liujiangnan committed
11 12 13 14 15 16 17 18 19 20


@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 {


liujiaxin's avatar
liujiaxin committed
21
  @ViewChild('wrapperEl', {static: true }) wrapperEl: ElementRef;
liujiangnan's avatar
liujiangnan committed
22 23 24 25 26

  // // aspect ratio?
  @Input() ratio;
  _w: string;
  _h: string;
liujiaxin's avatar
liujiaxin committed
27 28

  constructor() {
liujiangnan's avatar
liujiangnan committed
29 30 31 32 33 34
    if (window.innerHeight < window.innerWidth) {
      this._h = '100%';
      this._w = 'auto';
    } else {
      this._w = '100%';
      this._h = 'auto';
liujiaxin's avatar
liujiaxin committed
35
    }
liujiangnan's avatar
liujiangnan committed
36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
  }
  ngOnInit() {
    if (!this.ratio) {
      this.ratio = '20-9';
    }


  }
  ngOnChanges() {

  }
  ngOnDestroy(): void {

  }

  ngAfterViewInit() {

  }
}