Как сделать видео по умолчанию в полноэкранном режиме в angular с videogular2? - PullRequest
Новая
       85

Как сделать видео по умолчанию в полноэкранном режиме в angular с videogular2?

0 голосов
/ 08 января 2020

Я сейчас работаю с проектом angular, создаю сайт для просмотра видео. Я использую Videogular - это фреймворк для разработки видео приложений. Я не знаю, как сделать видео по умолчанию в полноэкранном режиме.

Мой код: 

<vg-player (onPlayerReady)="onPlayerReady($event)" >
  <vg-overlay-play></vg-overlay-play>
  <vg-buffering></vg-buffering>

  <vg-scrub-bar>
    <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
    <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>
  </vg-scrub-bar>

  <vg-controls>
    <vg-play-pause></vg-play-pause>
    <vg-playback-button></vg-playback-button>
  </vg-controls>
  <h1>{{id}}</h1>
  <video [vgMedia]="media" #media id="singleVideo" preload="auto" crossorigin>
    <source src="assets/skill/skill_{{id}}.mp4" type="video/mp4">
  </video>


</vg-player>


import { Component, OnInit } from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {VgAPI} from 'videogular2/compiled/src/core/services/vg-api';

@Component({
  selector: 'app-skill',
  templateUrl: './skill.component.html',
  styleUrls: ['./skill.component.css']
})
export class SkillComponent implements OnInit {
  id: string;
  constructor(private route: ActivatedRoute) {
    route.params.subscribe(params => {
        this.id = params['id'];
    });
  }

  ngOnInit() {
  }

  onPlayerReady(vgAPI: VgAPI) {
    vgAPI.play();
    vgAPI.fsAPI.toggleFullscreen();
  }
}

Большое спасибо!

1 Ответ

1 голос
/ 08 января 2020

http://www.videogular.com/tutorials/videogular-api/

Я нашел метод в документации API Videogular, который вызывает полноэкранный режим:

toggleFullScreen(): Toggles between fullscreen and normal mode.

Вы уже пробовали

...