如何用videogular2在angular中默认全屏播放视频？

npm install videogular2
npm install @types/videogular2

import { Component, OnInit } from '@angular/core';
import { VgAPI } from 'videogular2/core';

export class VideoPlayerComponent implements OnInit {
  api: VgAPI;

  constructor() { }

  ngOnInit() { }

  onPlayerReady(api: VgAPI) {
    this.api = api;
    this.api.getDefaultMedia().subscriptions.loadedMetadata.subscribe(this.playVideo.bind(this));
  }

  playVideo() {
    this.api.getDefaultMedia().currentTime = 0;
    this.api.getDefaultMedia().play();
    this.api.getDefaultMedia().subscriptions.ended.subscribe(this.restartVideo.bind(this));
  }

  restartVideo() {
    this.api.getDefaultMedia().currentTime = 0;
    this.api.getDefaultMedia().play();
  }
}

<vg-player (onPlayerReady)="onPlayerReady($event)">
  <vg-overlay-play></vg-overlay-play>
  <vg-buffering></vg-buffering>
  <vg-scrub-bar></vg-scrub-bar>
  <vg-controls>
    <vg-play-pause></vg-play-pause>
    <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>
    <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>
    <vg-fullscreen></vg-fullscreen>
  </vg-controls>
  <video #media [vgMedia]="media" preload="auto">
    <source src="path/to/video.mp4" type="video/mp4">
  </video>
</vg-player>

vg-player {
  width: 100%;
  height: 100%;
}