Воспроизведение полноэкранного видео с помощью nativescript-exoplayer

Недавно я пытался сделать то же самое и нашел решение, которое не идеально, но должно выполнять свою работу. Он лучше работает с вертикальными видео, потому что на самом деле это не полноэкранный режим, но это обходной путь, который позволяет вам, чтобы ваше видео занимало большую часть устройства.

Что вам нужно сделать, так это создать новый компонент в angular, а также новую службу. Если вы хотите сделать видео полноэкранным, обновите переменную src в сервисе. Вот мой код (файл .ts) для этой функции, где this.videoPlayer ссылается на службу, показанную ниже. (Последняя строка функции - это просто перенаправление на полноэкранный компонент)

 fullscreen() {
this.videoPlayer.src = this.videoSrc;
this.nav.dashboard = 'fullscreen';


}

Сервис очень простой, он используется только для передачи src видео - больше ничего:

import { Injectable } from '@angular/core';


@Injectable({
  providedIn: 'root'
})
export class VideoplayerService {
src: string;

  constructor() { }
}

Вот важные части моего полноэкранного компонента, где this.videoPlayer снова ссылается на службу:

export class FullScreenComponent implements OnInit {
src: string;

 
  ngOnInit() {
    this.src = this.videoPlayer.src;
  }

  back() {
    this.nav.dashboard = 'dashboard';
  }

}

И теперь вы можете использовать тот же код, который у вас был до реализации exoplayer, но добавить:

height="100%"
width="100%"

Это заставит видео занимать как можно большую часть экрана (обратите внимание - оно может занимать не весь экран из-за размера видео).

Я тестировал это на Android