доступ к элементу exoplayer в компоненте Nativescript angular

Я использую Nativescript и использую компонент exoplayer, я не мог найти ничего, как получить доступ к этому в компоненте, например, я хочу изменить src на той же странице (например, у нас другое качество, мы хотим изменить src, мы должны уничтожить player и повторно инициализировать его с новым src), получить некоторые события, такие как воспроизведение, ошибка и ... и, возможно, иметь мои настраиваемые кнопки действий

Я тоже пробовал это:

@ViewChild(Video)
private player: Video;

но это не определено

это мой код просмотра:

<StackLayout orientation="vertical" width="100%" height="100%" backgroundColor="black">
    <exoplayer *ngIf="is_loaded" id="player"
               [src]="episode.link
               playbackReady="change_player_quality"
               autoplay="true"
               height="300"
               class="exoplayer"></exoplayer>
</StackLayout>

nativescript angular exoplayer
person Masoud Motallebipour    schedule 25.07.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я нашел результат сам, поэтому я дал вам знать, что произошло, я сделал вид ребенка следующим образом:

@ViewChild('player') player: ElementRef;

И я добавил тег к проигрывателю в поле зрения:

<exoplayer id="player" [src]="video.link" autoplay="true" height="300" class="exoplayer" #player></exoplayer>

затем, когда я хочу работать с API проигрывателя или изменить src, я получаю такой объект:

this.player.nativeElement.src = 'file.mp4';

или уничтожить:

this.player.nativeElement.destroy();

Я надеюсь это поможет тебе

удачи

person Masoud Motallebipour    schedule 13.08.2018