Spotify iFrame: how it works?

Ask us anything How do I?
1

Hello friends,

I’m looking to integrate a spotify iframe into our reservation summary. Unfortunately, I have been unsucessfull at making it appearing on the editor / production using the iframe component.

Does any of you successfully make it happen at some point ?

The url: Spotify Embed (which i got from the iframe given by Spotify)

The iframe snippet:

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/406aJRPmPQalDPfhC7uS2M?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

Here is a quick video of my attempt: iFrame setup | Loom

Thank in advance for you assistance,

Best regards

2

Per the docs, did you load the JS script first then call the function prior to displaying the iFrame?

https://developer.spotify.com/documentation/embeds/tutorials/using-the-iframe-api

1 Like
3

Hello @Profound5753,

That’s exactly what I needed :slight_smile:

Thank you,

Best regards,