Instagram reel videos not working with embed component

[Kieran_Saunders1]

Hi Gliders

I have paid for the starter package to use the embed component, this works for youtube videos but not for the instagram reels using their embed code.

Please help this is a fashion show app, sponsored by instagram and so would be amazing to play instagram videos.

What am I missing?

[ThinhDinh]

Is it just a single reel or you will be embedding a series of reels related to an account?

[Kieran_Saunders1]

Hi ThinhDinh

A single reel per row.

Cheers
Kieran

[ThinhDinh]

Apologies, I haven’t got it to work as well. The best I can do is this, but it forces you to click to view on Instagram.

[gvalero]

Hola!

It works for me when I use this Jeff’s trick

Instagram and glide combined

That has javascript, so it won’t work with a rich text component. However, I did figure out a trick that seems to work. A Add a new text column in your table. Name it “embed” or something like that. Temporarily add a file picker component and point it to that new column. Take that embed code and paste it into notepad or some other basic text editor. Save the file as embed.html or something like that. Use the file picker to upload that html file to the glide database. Now add a web embed co…

Of course, your file (which Web component will use) must have the embed code generated by IG

Saludos…

[ThinhDinh]

Thanks for sharing! It does work for reels and not just normal posts, indeed.

[Robert_Petitto]

What isn’t working though is the YouTube Thumbnail column with YouTube short videos…

[Kieran_Saunders1]

Thanks everyone, A bit of a hack but it works! Cheers.

[Sebastian_H]

It seems like this workaround is no longer working. Even following the steps mentioned I get the “View this post on Instagram” link.

[jjl]

I can’t get this method to work either. It displays “View this post on Instagram” on reels and posts

[ThinhDinh]

Instagram and glide combined

That has javascript, so it won’t work with a rich text component. However, I did figure out a trick that seems to work. A Add a new text column in your table. Name it “embed” or something like that. Temporarily add a file picker component and point it to that new column. Take that embed code and paste it into notepad or some other basic text editor. Save the file as embed.html or something like that. Use the file picker to upload that html file to the glide database. Now add a web embed co…

So this doesn’t work anymore?

[jjl]

Just made it work, but I had to manually edit the embed code provided by Instagram. I’m not sure why but the last line of the code provided is

<script async src="//www.instagram.com/embed.js"></script>

I added https: before // and then it displayed correctly.

Now, does anyone know how to embed tiktok vids?