Problems using WP’s oembed function + Instagram + AJAX

Instagram has changed its embed code from being just an iframe to a bunch of HTML and a JS script. Very inelegant, but nothing we can do. This setup, of course, fails when called through AJAX since the JS file that’s part of the HTML does not run. Thankfully there is another official way to make it work with AJAX in two steps:

  1. Include this scripts in your HMTL:

    <script src="https://platform.instagram.com/en_US/embeds.js"></script>

  2. Runs this JS after you load the content with AJAX:

    if ( typeof window.instgrm !== 'undefined' ) {
    window.instgrm.Embeds.process();
    }

What it does is, it looks for Instagram embeds and loads them. Best of luck!

Related Posts:

  1. When oEmbed fails, display an alternative
  2. How to change default width parameter of embedded video in wordpress?
  3. Is it possible to remove height and width attributes from oEmbed video embeds
  4. how to escape wp_oembed_get for phpcs
  5. Fallback for oEmbed content
  6. Changing Oembed max width based type of page
  7. WordPress refuses to show oembed URL
  8. How to increase image size returned from Flickr oEmbed in Twenty Twelve theme
  9. How to get the oEmbed type (audio, video, image etc.)?
  10. Disable automatic oEmbed of a youtube url within the content
  11. Add parameters vimeo videos using wordpress embeds
  12. oEmbed fails half of the times. Could I reload the request on fail?
  13. WordPress 5.3.x YouTube oEmbed is not working
  14. Getting results from wp_oembed_add_provider
  15. add oembed provider
  16. Register Embed Handler for Padlet.com
  17. How to Hide Ancestors/Threads in Embedded Tweets
  18. Use Auto Embed with get_post()
  19. How to modify the HTML formatting of an oEmbed link?
  20. OEMBED seems to have stopped working
  21. oEmbed not recognising Vimeo URLs
  22. Applying an oEmbed filter to a custom post type
  23. How to oEmbed MySite in WordPress
  24. Worrisome oembed hits
  25. What is the correct oembed provider base url for self-hosted wordpress sites
  26. Why is my oembed function modifying Twitter embed?
  27. Problem with oEmbed in some themes
  28. JSON in oembed not being internationalized (using QTranslateX)
  29. WordPress kills an iframe’s apostrophes
  30. Add title attribute to oEmbed iframe for accessibility
  31. What are available arguments for wp_oembed_get?
  32. How to disable oembed cache service?
  33. How to set parameters for a Twitter post using wp_oembed_get (remove rounded borders)?
  34. Use oEmbed for static html
  35. class-oembed Error
  36. Wrap iframes/embeds, but do it before oEmbed happens
  37. When formatting an oEmbed iframe, how (and where) does WordPress determine the height value?
  38. Avoid embedding YouTube videos and open them in a new window
  39. How to wrap oEmbed-embedded video in DIV tags inside the_content?
  40. WP Oembed not passing through the “autoplay=1” variable
  41. What are the Oembed Links For?
  42. Get first video from the post (both embed and video shortcodes)
  43. Featured Image of Video from oembed
  44. oEmbed, thumbnails and wordpress
  45. How to Replace YouTube Videos with a “Click to Play” Thumbnail?
  46. Correct regex for wp_embed_register_handler
  47. Modify youtube video size on one page and show another size on different page
  48. Detecting Embed URLs Within post_content
  49. Manipulating oembed_dataparse stopped working for YouTube embeds
  50. Enqueue script only if page has an oembed
  51. Displaying oEmbed errors?
  52. How to use oEmbeds on Post Content during AJAX requests
  53. Set first oembed in post to a global variable or function
  54. How to remove the embed_footer?
  55. wp_embed_register_handler is not working
  56. oEmbed youtube video aspect ratio
  57. Filter oembeds tags to modify iframe attributes
  58. oEmbed vimeo with add_query_arg parameters not inserted to HTML
  59. Remove frameborder attribute from iframes
  60. wp_embed_register_handler to embed html files
  61. oEmbed in wordpress multisite not working
  62. Post preview and oembed provider issue using polylang plugin with subdomains
  63. Run oembed separately outside the_content()
  64. wp_insert_post iframe missing
  65. Display oEmbed in the_excerpt
  66. WordPress, oEmbed & YouTube video’s with a ‘dash’
  67. How to center oEmbedded content
  68. Embeding YouTube video via a template function throws iframe cross-domain policy error
  69. Is there a built in function to see if a URLis oEmbed Compatible?
  70. Add field to dashboard to update embedded URL on homepage?
  71. Checkbox on a meta box using CMB2 Plugin
  72. Is there any way to render the WordPress Gutenberg core/embed block in PHP by passing in the URL?
  73. How can I grab the video id of youtube?
  74. How do I phpunit test a post output process?
  75. How to set up front end editor to autoembed media for non-logged in users?
  76. How to register a embed handler as a fallback to a oEmbed handler?
  77. Viddler oEmbed not working with specified width
  78. oEmbed, thumbnails and wordpress
  79. How can I replace an oEmbed URL in post with actual embed HTML
  80. How to embed YouTube videos in posts without adding suggested videos at the end?
  81. Auto embeding Vimeo/Youtube in custom fields (tinyMCE editor)
  82. Advanced Custom Fields oembed only outputs YouTube URL
  83. How to make enqueue_embed_scripts work with the embed_template filter
  84. oEmbded with wp_insert_post() [embedly]
  85. Looking to Customize YouTube Video Embeds
  86. Custom meta boxes ID prefix showing on first category but not others
  87. Is it possible to embed a wordpress tag page on wordpress?
  88. Add class and change src type inside wp_oembed_get
  89. Auto embeds don’t work for attachment descriptions
  90. Cannot display the_content() after removed WordPress 5’s auto embed feature (iframe & blockquote)
  91. How to disable URL preview in WordPress comments
  92. What is the correct way to obtain access to the WP_oEmbed object?
  93. Advanced Custom Fields oEmbed video width and height
  94. Printing OEmbed URL based on Post selected w/o page refresh
  95. Replace Vimeo and Youtube in from scratch theme with from-the-group-up single post template?
  96. Remove link function from oembed image or video
  97. Conditionally enable autoplay when using oEmbed in a custom widget
  98. Completely disable oEmbed and auto-embed on frontend and post editor?
  99. How to cache WordPress oembed links in the page header?
  100. Not allowing my site to be embedded elsewhere via oEmbed

Leave a Comment