使用requirejs嵌入instagram视频

使用requirejs嵌入instagram视频,requirejs,embed,instagram,Requirejs,Embed,Instagram,我正在尝试使用requirejs将instagram视频嵌入到我的单页应用程序中 instagram中嵌入的代码如下所示: <\blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="6" style=" bunch of css ">bunch of html<\/blockquote> <\script async defer src="//platform.

我正在尝试使用requirejs将instagram视频嵌入到我的单页应用程序中

instagram中嵌入的代码如下所示:

<\blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="6" style=" bunch of css ">bunch of html<\/blockquote>
<\script async defer src="//platform.instagram.com/en_US/embeds.js"><\/script>
并将其包括在我的viewModel中:

define(["instagram-embed"], function(){});
这个解决方案不起作用

我还尝试用异步插件加载它:

define("async!http://platform.instagram.com/en_US/embeds.js", function(){} 
尝试加载时,requirejs只是超时


我没有主意了。请帮忙。

我找到了一个有效的解决方案,但它不是很干净

问题是instagram embbed需要使用
window.instgrm.embeddes.process()来“激活”
//platform.instagram.com/en_US/embeds.js
包含之后

我仍然无法使用require加载模块,文件包含仍然超时,但我通过在我的index.html中添加一个
标记成功地使其工作:

        /* REQUIRE CONFIG AND STARTUP */
        <script src="app/require.config.js"></script>
        <script data-main="app/startup" src="bower_modules/requirejs/require.js"></script>

        /* INSTAGRAM EMBBEDS */
        <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
        <script type="text/javascript">
            function instagramEmbbedCheck() {
                if (typeof window.instgrm === 'undefined')
                    setTimeout(instagramEmbbedCheck, 3000);
                else
                    window.instgrm.Embeds.process();
            }
            instagramEmbbedCheck();
        </script>
/*需要配置和启动*/
/*INSTAGRAM插件*/
函数instagramEmbbedCheck(){
if(typeof window.instgrm==‘未定义’)
设置超时(instagramEmbbedCheck,3000);
其他的
window.instgrm.embeddes.process();
}
instagramEmbbedCheck();
我需要使用至少2秒的setTimeout来工作,这是一个很大的问题。
目前,这是我在网站上通过require(不是真正通过requirejs…)使用instagram embbed的唯一方法。

这样奇怪的伪标记有什么用?这不是有效的HTML语法。另外,我强烈建议您提供一个您正在使用的代码的实例。对于RequireJS和Instagram,没有多少人是专家。通过不提供实例,您将大大降低获得答案的可能性。
        /* REQUIRE CONFIG AND STARTUP */
        <script src="app/require.config.js"></script>
        <script data-main="app/startup" src="bower_modules/requirejs/require.js"></script>

        /* INSTAGRAM EMBBEDS */
        <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
        <script type="text/javascript">
            function instagramEmbbedCheck() {
                if (typeof window.instgrm === 'undefined')
                    setTimeout(instagramEmbbedCheck, 3000);
                else
                    window.instgrm.Embeds.process();
            }
            instagramEmbbedCheck();
        </script>