onYoutubePlayerAPIReady не срабатывают

Question

В моей index.html у меня есть

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

, который берется непосредственно из Google.

Вместо затем установить функцию сразу после, в моем index.js, я добавил

window.onYouTubePlayerAPIReady = this.onYoutubeReadyCallback.bind(this)

Однако я не всегда вижу onYouTubePlayerAPIReady функцию стрельбы. (У меня есть консольный журнал в этой функции, чтобы видеть, когда он срабатывает.)

Странная вещь иногда срабатывает, а в других случаях это не срабатывает.

Я не могу понять это. Что может быть причиной того, что он иногда не стреляет, а стреляет в других?

Есть ли какое-либо состояние гонки?

Добавлен ли window.onYoutubePlayerAPIReady после загрузки тега скрипта? Загружается ли он после тега скрипта? Что происходит и что я могу сделать, чтобы исправить это?

Answer 1

У меня была аналогичная проблема: иногда стрелял onYouTubePlayerAPIReady, иногда это не так. Я должен был убедиться, что youtube.com/player_api сценарий должен был быть включен ПОСЛЕ определения onYouTubePlayerAPIReady функции

Смотрите примечание на этой JSFiddle (не моя): http://jsfiddle.net/ramp/4M2YL/

Answer 2

Я должен был убедиться, что youtube.com/player_api должен быть включен ПОСЛЕ определения функции onYouTubePlayerAPIReady

это работает! И не забывать об этом attrubute: enablejsapi = 1 (пример: SRC = "https://www.youtube.com/embed/bqAM6OwzjBg?rel=0 & enablejsapi = 1 & управления = 0 & ShowInfo = 0)