loading youtube iframe api with require.js !async plugin

loading youtube iframe api with require.js !async plugin

本文关键字:js async plugin require with youtube iframe api loading      更新时间:2023-09-26

我在使用 !async 插件加载 YouTube Iframe API 时遇到了一点问题,感谢任何帮助!

地图示例有效,所以我目前假设基本设置必须正常:

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..'); } 
);

他们都给我未捕获的错误:模块的加载超时:async!https://www.youtube.com/iframe_api!onload_unnormalized2,async!https://www.youtube.com/iframe_api!onloadhttp://requirejs.org/docs/errors.html#timeout 或类似(在第二个之后降级设置!这可能意味着YouTubeIfraneAPIready()上的回调函数永远不会被调用,或者!async插件不知道它。

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

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

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