Instagram embed .js库未加载

Question

我有一个javascript函数，它加载一个Instagram帖子的HTML嵌入代码。帖子出现了，但照片被灰色背景和Instagram标志所取代。该帖子包含其他信息，如标签、发布时间和用户名。我认为问题是Instagram embedts .js JavaScript库没有正确加载。我知道我可以手动做到这一点，但我有困难如何做到这一点，在我的代码的语法和位置方面。下面是我的代码。

     <script type="text/javascript">
         var auto_refresh = setInterval(
         (function () {
            $("#latestData").load("displayPost.php");//displayPost.php "echo" html embed code
         }), 10000);
     </script>
<div id="latestData"></div>
    <script src="https://platform.instagram.com/en_US/embeds.js"></script>
    <script>if ( typeof window.instgrm !== 'undefined' ) {
        window.instgrm.Embeds.process();
    }</script>

我已经用了这些方法来解决这个问题。

动态添加嵌入时Instagram嵌入不工作

https://wordpress.stackexchange.com/questions/170857/problems-using-wps-oembed-function-instagram-ajax

https://instagram.com/developer/embedding/?hl=en

Answer 1

发生这种情况是因为您没有正确地组织执行顺序。你应该首先加载嵌入代码，然后在回调调用instgrm.Embeds.process()中加载。通过在嵌入URL中附加OMITSCRIPT=true，确保不包含每个嵌入的embedts .js。相反，在页面的script标签中包含embed .js once