在 Nativescript 中访问组件中的 exoplayer 元素 angular

Question

我正在使用 Nativescript 并使用 exoplayer 组件，我找不到任何如何在组件中访问它的方法，例如我想更改 src在同一页面中（例如，我们有不同的质量，我们想要更改 src，我们应该销毁播放器并使用新的 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>

Answer 1

我自己找到了结果所以我告诉你发生了什么，我做了这样的视图子：

@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();

希望对你有帮助

祝你好运

在 Nativescript 中访问组件中的 exoplayer 元素 angular

access exoplayer element in component in Nativescript angular

exoplayer

nativescript

angular