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

Question

我正在制作一个使用YouYube iframe API的Web应用程序。但是，我希望我的Web应用程序可以包含在任何网页中。这意味着，如果网站已经加载了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');});