embed iframe doesn't work on safari

[w33potty]

Plan

Premium

Country

Singapore

Device

Macbook Air 2022, Iphone

Operating System

iOS

My Question or Issue

the app i'm building makes playlists in Spotify. Embedding iframe to share spotify playlists doesn't always work. see attached image. 

In Chrome, when I refresh the page, the iframe then displays all the tracks correctly.

But in safari, refreshing the page still shows '0'. The playlist has definitely been created because if i click on the iframe it plays the songs fine in Spotify.

can anyone help? thanks!

[chartify]

I have this issue properly in Chrome, Edge and Brave. The player is functional, it will play songs, but here are no track lists, no album art, and no color theming. Just the box w33potty posted. 

I've tried multiple ways of embedding the playlist with no luck. I am using React for my application. 

FYI - this only occurs in deployment. When I'm using it on my localhost it is fine. 

Spotify - Is there anything we can do?

[angelos23]

I've been experiencing a similar issue since deploying my application. When I generate a new playlist the embed on my web app appears blank and the playlist can only be accessed by clicking its title and visiting the Spotify Web Player or the Spotify app. This never happens on localhost. Has anyone figured this out?