Кадр YouTube API не загружается, когда документ готов? - PullRequest
Новая
       8

Кадр YouTube API не загружается, когда документ готов?

0 голосов
/ 18 января 2019

В настоящее время я пытаюсь вызвать некоторые функции, например, когда загружается встроенный проигрыватель YouTube, но по какой-то причине это не похоже на загрузку API или вызов функций обратного вызова на основе события API состояния

Что я делаю не так? 

const $ = require('jquery');

$(document).ready( function() {
  console.log( "ready!" );
  loadPlayer();
});

function loadPlayer() { 
  if (typeof(YT) == 'undefined' || typeof(YT.Player) == 'undefined') {

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

    window.onYouTubePlayerAPIReady = function() {
      onYouTubePlayer();
    };

  } else {

    onYouTubePlayer();

  }
}

var player;

function onYouTubePlayer() {
  player = new YT.Player('player', {
    height: '490',
    width: '880',
    videoId: 'video',
    playerVars: { controls:1, showinfo: 0, rel: 0, showsearch: 0, iv_load_policy: 3 },
    events: {
      'onReady': window.onPlayerReadVar = function() {
        onPlayerStateChange();
      },
      'onStateChange': window.onPlayerStateChangeVar = function() {
        onPlayerStateChange();
      }
    }
  });
  console.log("youtubePlayerready")
}
  var done = false;

  function onPlayerStateChange(event) {

      console.log("onPlayerStateChange");
      done = true;
  }

Когда страница загружается, я вижу только «готово», выведенное на консоль .. Больше ничего?

Что я здесь не так делаю?

...