Я использовал API-интерфейс YouTube iframe player для отображения списка воспроизведения и воспроизведения видео YouTube с идентификатором YouTube в моем веб-приложении, построенном с использованием угла <4, все идеально при воспроизведении списка воспроизведения в настольном браузере, но если я открою свое веб-приложение на мобильном телефоне Браузер Я могу воспроизводить музыку и смотреть видео, но как только я сверну, видео в моем мобильном браузере будет приостановлено и при блокировке мобильных устройств.
Как я могу продолжать слушать музыку, воспроизводя видео в фоновом режиме, свернув и заблокировав экран?
Я настроил свой API проигрывателя iframe, как показано ниже </p>
if (window['onYouTubeIframeAPIReady']) {
return this.initYoutubePlayer(videoId);
}
/**
* Initiate youtube iframe player.
*/
private initYoutubePlayer(videoId: string, resolve) {
this.youtube = new YT.Player('youtube-player', {
videoId: videoId,
playerVars: this.getPlayerVars(),
events: {
onReady: () => this.onPlayerReady(resolve),
onError: this.tryToPlayFallbackVideos.bind(this),
onStateChange: this.onYoutubePlayerStateChange.bind(this)
}
});
}
/**
* Handle youtube player state changes.
*/
private onYoutubePlayerStateChange(e: YT.OnStateChangeEvent) {
switch (e.data) {
case YT.PlayerState.ENDED:
this.state.firePlaybackEnded();
this.setState('playing', false);
break;
case YT.PlayerState.PLAYING:
this.numberOfTracksSkipped = 0;
this.setState('playing', true);
break;
case YT.PlayerState.PAUSED:
this.setState('playing', false);
break;
}
}
/**
* Get youtube player vars.
*/
private getPlayerVars(): YT.PlayerVars {
return {
autoplay: 0,
rel: 0,
showinfo: 0,
disablekb: 1,
fs: 0,
controls: 0,
modestbranding: 1,
iv_load_policy: 3,
playsinline: 1,
}
}
Есть ли способ воспроизвести видео YouTube на фоне веб-приложения при открытии в мобильном браузере.
любые предложения высоко ценятся.