Добавление событий в API YouTube iFrame - PullRequest
Новая
       41

Добавление событий в API YouTube iFrame

0 голосов
/ 18 февраля 2020

Я на самом деле не делаю здесь ничего особенного, поэтому я не уверен, почему это не работает. Я настраиваю свой код так же, как в разделе «Начало работы» YouTube iFrame API , и я могу заставить его работать ТОЛЬКО, если я закомментирую события в объекте проигрывателя, например так: 

$(document).ready(function() {
  // 2. This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement("script");

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName("script")[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  onYouTubeIframeAPIReady();
  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player("player", {
      height: "390",
      width: "640",
      videoId: "M7lc1UVf-VE",
      // events: {
      //   onReady: onPlayerReady,
      //   onStateChange: onPlayerStateChange
      // }
    });
  }

  // 4. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
    event.target.playVideo();
  }

  // 5. The API calls this function when the player's state changes.
  //    The function indicates that when playing a video (state=1),
  //    the player should play for six seconds and then stop.
  var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }

Когда эти события закомментированы, видео загружается в мой html (файл html - это просто div с id = "player"), но каждый раз, когда я пытаюсь вернуть их обратно встроенное видео будет удалено go в моем браузере.

Я также пытался добавить прослушиватели событий к объекту проигрывателя после его создания, но если я добавлю в соответствующие функции несколько console.logs, я не получить никаких данных.

Есть идеи, что я делаю неправильно или как я могу добавить события в объект игрока? Они очень необходимы для проекта, который я создаю. Заранее спасибо.

...