使用requirejs嵌入instagram视频
我正在尝试使用requirejs将instagram视频嵌入到我的单页应用程序中 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.
<\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>