Embed doesn't recognise Instagram reels

[Eliam93]

Hi, I'm trying to embed a reel URL, but it doesn't work as for Ig posts. There is any chance to embed that? Thanks

[kentarohorie]

It seems that embedding not work when URL has query parameter.

https://www.instagram.com/p/CfQzzGNphD8/?utm_source=ig_web_copy_link -> not work https://www.instagram.com/p/CfQzzGNphD8/ -> work

[kentarohorie]

I made a mistake. My problem not relate with this issue.

[Swanand01]

instagramPost: {
    regex: /https?:\/\/www\.instagram\.com\/p\/([^\/\?\&]+)\/?([\s\S]*)\/?/,
    embedUrl: "https://www.instagram.com/p/<%= remote_id %>/embed",
    html: '<iframe width="400" height="505" style="margin: 0 auto;" frameborder="0" scrolling="no" allowtransparency="true"></iframe>',
    height: 505,
    width: 400,
    id: (groups) => {
        return groups[0];
    }
}

instagramReel: {
    regex: /https?:\/\/www\.instagram\.com\/reel\/([^\/\?\&]+)\/?([\s\S]*)\/?/,
    embedUrl: "https://www.instagram.com/reel/<%= remote_id %>/embed",
    html: '<iframe width="400" height="600" style="margin: 0 auto;" frameborder="0" scrolling="no" allowtransparency="true"></iframe>',
    height: 600,
    width: 400,
    id: (groups) => {
        return groups[0];
    }
}

These two configs worked for me. You'll have to add these to the config object when you instantiate the EditorJS object.