Instagram embeds.js लाइब्रेरी

Question

लोड नहीं हो रहा है मेरे पास एक जावास्क्रिप्ट फ़ंक्शन है जो Instagram पोस्ट के लिए HTML एम्बेड कोड लोड करता है। पोस्ट प्रकट होता है लेकिन फोटो को भूरे रंग की पृष्ठभूमि और Instagram लोगो द्वारा प्रतिस्थापित किया जाता है। पोस्ट में हैशटैग, समय पोस्ट और उपयोगकर्ता नाम जैसी अन्य जानकारीएं हैं। मेरा मानना ​​है कि समस्या यह है कि Instagram embeds.js जावास्क्रिप्ट लाइब्रेरी ठीक से लोड नहीं हो रहा है। मुझे पता है कि मैं इसे मैन्युअल रूप से कर सकता हूं लेकिन मुझे अपने कोड में सिंटैक्स और प्लेसमेंट के संदर्भ में ऐसा करने में कठिनाई हो रही है। नीचे मेरा कोड है।

 <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 embeds not working when adding embeds dynamically

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() पर कॉल करना चाहिए। सुनिश्चित करें कि आप अपने एम्बेड यूआरएल में OMITSCRIPT=true जोड़कर प्रत्येक एम्बेड के साथ embeds.js शामिल नहीं करते हैं। इसके बजाय, अपने पृष्ठ पर एक स्क्रिप्ट टैग में एक बार एम्बेड.जेएस शामिल करें।