instagram embeds.js 处理程序以了解何时加载 iframe

Question

我正在使用 embeds.js 在网站上显示 instagram post。参考 https://www.instagram.com/developer/embedding/

我还在推特上使用 widgets.js，通过它我可以加载推文，设置处理程序以获取 iframe 准备就绪的时间，然后以这种方式调用 twttr.widgets.load()：

twttr.events.bind('rendered', function (event) {
    //do something when the iframe is ready
});
twttr.widgets.load();

有人知道当 instagram iframe 准备好时是否有类似的功能或解决方法吗？

加载 Instagram 后 post 我使用：

instgrm.Embeds.process();

渲染 iFrame。

旁注：应用程序是使用 angular/jquery 制作的，因此可以使用这些库来解决问题。

提前致谢，丹妮尔

Answer 1

只需使用 iframe Instagram 嵌入并使用 onload 事件处理程序来触发函数：

<script>
function doSomething(){
   alert("Instagram embed loaded");
}
</script>

<iframe onload="doSomething()" src="https://www.instagram.com/p/8_kRtJBsBq/embed" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

您可以使用 gramfeed 生成 iframe Instagram 嵌入编码： http://gramfeed.com/instagram/embed

将 onload="someFunction()" 添加到生成的 iframe 嵌入代码中。

Answer 2

如果您无法使用 iframe 嵌入，我找到了解决方案。

window.__igEmbedLoaded = function( loadedItem ) {
  // do something here...
};

instagram embeds.js 处理程序以了解何时加载 iframe

instagram embeds.js handler to know when the iframe is loaded

javascript

twitter

iframe

instagram