Вылезает ошибка при использовании Youtube API?

Question

[anthon-help]

Всем привет!
Столкнулся с проблемой - при использовании Youtube API вылезает ошибка на видео:

Вот код, который я использовал:

export default class VideoPlayer {
  constructor(triggers, overlay) {
    this.btns = document.querySelectorAll(triggers);
    this.overlay = document.querySelector(overlay);
    this.close = this.overlay.querySelector('.close');
  }

  createPlayer(url) {
    this.player = new YT.Player('frame', {
      height: '100%',
      width: '100%',
      videoId: `${url}`,
    });

    console.log(this.player);
    this.overlay.style.display = 'flex';
  }

  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);

    this.btns.forEach(btn => {
      btn.addEventListener('click', () => {
        const path = btn.getAttribute('data-url');

        this.createPlayer();
      });
    });
  }
}

Само видео вообще не грузится, хотя я указал уникальный идентификатор

Answer 1

[Юрий]

Так вы в функцию createPlayer(url) не передаёте никакого урла. При этом переменную path с нужным содержимым создаёте. Поправьте в самом конце:

this.createPlayer(path);