javascript - 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 会触发，有时不会。我必须确保在 onYouTubePlayerAPIReady 函数定义之后必须包含 youtube.com/player_api 脚本

请参阅关于此 JSFiddle 的说明(不是我的):http://jsfiddle.net/ramp/4M2YL/