фоновое воспроизведение видео с помощью API-интерфейса проигрывателя YouTube - PullRequest
Новая
       35

фоновое воспроизведение видео с помощью API-интерфейса проигрывателя YouTube

0 голосов
/ 02 мая 2018

Я использовал 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 на фоне веб-приложения при открытии в мобильном браузере. любые предложения высоко ценятся.

...