Добавление YouTube для iframe API по времени выполнения - реагировать компонент


Поэтому мы создали компонент, где у нас есть пару Yotube, но и кадры и мы импортируем на YouTube iframe с API, таких как этот способ. Это работает и мы достичь того, чего мы ожидали. Буду признателен за любые комментарии по поводу этого кода!

componentDidMount() {
   this.init();

   window.onYouTubeIframeAPIReady = e => {
     this.YT = window.YT;

     this.individualsPlayer = new window.YT.Player(this.YTIndividualsRef, {
       events: {
         onStateChange: this.onPlayerStateChange
       }
     });

     this.managersPlayer = new window.YT.Player(this.YTManagersRef, {
       events: {
         onStateChange: this.onPlayerStateChange
       }
     });
   }; 
}

init() {
    const tag = document.createElement('script');
    tag.src = 'https://www.youtube.com/iframe_api';
    const firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}

onPlayerStateChange = e => {
  switch (e.data) {
    case window.YT.PlayerState.PLAYING:
      console.log('playing');
    break;
  }
}


383
1
задан 27 марта 2018 в 12:03 Источник Поделиться
Комментарии