@anthon-help

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

Всем привет!
Столкнулся с проблемой - при использовании Youtube API вылезает ошибка на видео:
601993c92e357642344604.png
Вот код, который я использовал:
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();
      });
    });
  }
}


Само видео вообще не грузится, хотя я указал уникальный идентификатор
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 1
@cheeroque
Так вы в функцию createPlayer(url) не передаёте никакого урла. При этом переменную path с нужным содержимым создаёте. Поправьте в самом конце:

this.createPlayer(path);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
XPOWER Одесса
от 3 000 до 5 500 $
Artezio Москва
от 160 000 до 220 000 ₽