javascript - 使用 require.js !async 插件加载 youtube iframe api

Question

我在使用 !async 插件加载 YouTube Iframe API 时遇到一点问题，感谢您的帮助!

map 示例有效，所以我目前假设基本设置一定没问题:

define('something', [
'async!http://maps.google.com/maps/api/js?sensor=false'
], function () { console.log('loaded..'); } 
);

// doesn't work
define('something', [
'async!https://www.youtube.com/iframe_api!callback'
], function () { console.log('loaded..'); } 
);

// doesn't work
define('something', [
'async!https://www.youtube.com/iframe_api!onYouTubeIframeAPIready'
], function () { console.log('loaded..'); } 
);

// doesn't work
define('something', [
'async!https://www.youtube.com/iframe_api'
], function () { console.log('loaded..'); } 
);

他们都给我带来了 Uncaught Error :模块加载超时:异步! https://www.youtube.com/iframe_api!onload_unnormalized2,async!https://www.youtube.com/iframe_api!onload http://requirejs.org/docs/errors.html#timeout或类似的(取决于第二次之后的设置!)这可能意味着永远不会调用回调函数 onYouTubeIfraneAPIready() 或者 !async 插件不知道它。

这可能意味着永远不会调用回调函数。如果我自己定义回调函数，它可以工作。但仍然会出现超时错误。

window.onYouTubeIframeAPIready = function () {
console.log('youtube api usual callback');
}

Answer 1

我已经解决了这个问题并将解决方案提供回插件的存储库。 https://github.com/millermedeiros/requirejs-plugins/pull/39