如何知道是否正在加载javascript youtube iframe api

Question

我正在制作一个使用YouYube iframe API的网络应用程序。但是，我希望我的webapplication可以包含在任何网页中。这意味着，如果网站已经加载了iframe API脚本并且已经在全局范围内实现了onYouTubeIframeAPIReady方法，那么它不应该再次加载脚本（同样，不会覆盖onYouTubeIframeAPIReady）。

我想我可以检查YT.Player是否存在，但可能是Youtube API尚未完全加载，但已经在加载过程中。

目前我这样做：

var $youtubeApiScript.attr({
    'src': 'https://www.youtube.com/iframe_api'
});
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore( $youtubeApiScript[0], firstScriptTag ); 

但是，我应该首先检查网站是否已经加载了该脚本，或者是否已经在加载它。

我们如何判断是否已加载Youtube iframe API？

Answer 1

你可以简单地使用jQuery函数

$('#the_iframe').load(function(){alert('loaded');});