如何停止在后台Nativescript中播放视频-angular

我在我的项目中使用视频，但当我移动到另一个组件时，视频在后台播放。这个问题只在ios中出现，在android中没有

Html

这是我的代码。

收听当前页面上的事件，并在视频播放器上调用

pause（）

方法

HTML

<VideoPlayer #player
  src="{{videoUrl}}"
  height="300"></VideoPlayer>

您也可以在Angular上使用路由器事件，但您可能必须筛选适当的路由。

在当前页面上收听事件，并在视频播放器上调用

pause（）

方法

HTML

<VideoPlayer #player
  src="{{videoUrl}}"
  height="300"></VideoPlayer>

您也可以在Angular上使用路由器事件，但您可能必须筛选适当的路由

<VideoPlayer #player
  src="{{videoUrl}}"
  height="300"></VideoPlayer>

@ViewChild("player") player: ElementRef; 

constructor(private page: Page) { }

ngOnInit() {
   this.router.paramMap.subscribe(
     (response) => {
      this.index = response.get('id')
      this.videoUrl=this.galleryService.getVideoById(this.index)
      console.log(response)
   });
   this.page.on(Page.navigatingFromEvent, () => {
      this.player.nativeElement.pause();
   });
}

ngOnDestroy() {
 this.page.off(Page.navigatingFromEvent);
}