我在项目中使用视频,但是当我移至另一个组件时,视频正在后台播放。此问题仅在ios中出现,而在android中不出现
HTML
<VideoPlayer
src="{{videoUrl}}"
height="300"></VideoPlayer>
角度
index:any
videoUrl :any
ngOnInit() {
this.router.paramMap.subscribe(
(response) =>{
this.index = response.get('id')
this.videoUrl=this.galleryService.getVideoById(this.index)
console.log(response)
}
)
}
这是我的代码。
答案 0 :(得分:0)
在当前页面上收听navigatingFrom事件,然后在VideoPlayer上调用<Grid SizeChanged="Grid_SizeChanged">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="10*" MaxWidth="10" />
<ColumnDefinition Width="200*" />
<ColumnDefinition Width="10*" MaxWidth="10" />
</Grid.ColumnDefinitions>
</Grid>
方法。
HTML
pause()
TS
<VideoPlayer #player
src="{{videoUrl}}"
height="300"></VideoPlayer>
您也可以在Angular上使用Router Events,但是您可能必须过滤适当的路由。