topic Re: Spotify Embed no longer has play button in Spotify for Developers

Spotify Embed no longer has play button

roul123 — Mon, 24 Apr 2023 03:10:19 GMT

Hey there,

I wanted to give you a heads up about a potential bug with the Spotify embedded podcasts. Recently, the play button has gone missing from the embedded iframes on my website, and I've seen others reporting the same issue.

Here's a quick rundown:

Play button not showing on embedded iframes.
Issue started in the last few days
There are no play buttons even when copying the embeding structure directly from where you can share a podcast from the the Spotify platform, hit embed, then hit show code
Other people are also reporting this (https://www.reddit.com/r/truespotify/comments/12u7qim/spotify_embed_does_not_show_the_play_button/)

Could you guys look into this and see if there's a bug on your end? The embedded podcasts are pretty important for user engagement on our sites.

Plan

Premium

Country

USA

Device

Web app

Operating System

Web app

Re: Spotify Embed no longer has play button

roul123 — Mon, 24 Apr 2023 03:10:52 GMT

Also this is not a width or sizing of the embeding I have tried many sizes

Re: Spotify Embed no longer has play button

fzhan — Mon, 24 Apr 2023 08:56:14 GMT

Me either.

I found that this bug occur on old version of MacOS,

and Cookie Policy causes this issue.

There's an error message on developer console: "caught DOMException: Failed to read the 'l ocalStorage' property from 'Windo w': Access is denied for this document."

Then I tried to turn off Cookie Block config, this issue is gone.

Hope some guy fix it up!

Re: Spotify Embed no longer has play button

roul123 — Mon, 24 Apr 2023 13:06:21 GMT

Re: Spotify Embed no longer has play button

roul123 — Mon, 24 Apr 2023 13:06:55 GMT

This doesn't just happen in my local development space either, it happens when I deploy to vercel as well

Re: Spotify Embed no longer has play button

db1995 — Tue, 25 Apr 2023 13:50:07 GMT

Same problem

Re: Spotify Embed no longer has play button

jasperwiet — Thu, 27 Apr 2023 09:49:19 GMT

Same problem on my Mac in Chrome. In Safari the play button shows.

On the pc of a colleague the play button shows in Chrome and in Edge.

It's indeed a problem related to the cookie settings.

When I change the setting in Chrome from "block third party cookies" to "allow all cookies", the issue is resolved.

That doesn't explain of course why it used to work in the past with the "block third party cookies" setting on.

Re: Spotify Embed no longer has play button

Yordan — Wed, 24 May 2023 10:26:40 GMT

Hi everyone,

This behavior seems indeed related to the way third-party cookies are blocked in Chrome. Rest assured our tech folks are aware of this and are working on a fix that should be released in the upcoming weeks, so stay tuned!

The Community is always here if something else comes up in the meantime.

Cheers!

Re: Spotify Embed no longer has play button

RavanH — Mon, 29 May 2023 01:40:20 GMT

Most browsers I tested do not show the play button, except Firefox. Funny though, that when I embed a podcast on this forum, it will play in all browsers. See the embedded player in this post here https://community.spotify.com/t5/Spotify-for-Developers/Embedded-player-with-podcasts-working-on-Chrome-MS-Edge-and/td-p/5588043

But when embedding that exact same player on another website, it will fail (except Firefox). But on the other hand, it does work inside the WordPress admin back-end of that same web site. Very puzzling...

Re: Spotify Embed no longer has play button

RST_11 — Tue, 30 May 2023 14:06:31 GMT

Joining this conversation to say that I am experiencing this issue as well. The embedded player will not play in Chrome. You can click over from our website to Spotify and listen to the podcast there, but you cannot listen to the podcast via the embedded player while on our website. We've tested this issue with multiple people in multiple states, and everyone is experiencing this issue. A development, perhaps, is that you can see the play button. However, nothing happens when you click on it.

You can listen to the podcast via the embedded player on our website in Safari.

Screenshot is what I see in Chrome, desktop.

Re: Spotify Embed no longer has play button

RavanH — Mon, 05 Jun 2023 16:15:56 GMT

Hi @RST_11 do you embed on a WordPress site? If so, could you check on the admin side of the page (where the podcast is embedded) if the player works there? In my case it does, while not working on the public side which is strange to me and seems inconsistent with the conclusion that it is related to third party cookies... Anyway, you might consider using the embed code from podcasters.spotify.com instead, as that appears to work just fine. Only downside: it only plays one podcast, not a playlist.

Re: Spotify Embed no longer has play button

RavanH — Mon, 05 Jun 2023 17:56:54 GMT

For the developers: Please compare the following two player embeds, using the exact same embed code and explain why one works but the other one does not.

https://codepen.io/RavanH/pen/OJaLoWd

https://maxwellconroe.com/test/

Note: the second one, which does not work, shows the text "VOORBEELD" (my browser is Dutch) meaning "PREVIEW"... Is there no preview available for podcasts? And why does the player on Codepen.com not show this but allows the full podcast to be played?

Re: Spotify Embed no longer has play button

OChatzid — Thu, 29 Jun 2023 13:34:35 GMT

Hi there Yordan, any news on this? I am just trying the embedded song and still no play button from what I can see. Any advice? I am making a mag for the Liverpool University Students and most of them are opening from chrome as well.

Re: Spotify Embed no longer has play button

sushants — Fri, 18 Aug 2023 10:32:48 GMT

Hello folks,

I am an engineer working on the Spotify embed player. As already pointed out in the thread this issue started happening when Chrome made changes that disallowed accessing storage APIs like "localStorage" that we depend on. We have now put in a fix for this that should solve this issue. Thank you for your patience and support.

Regards,

Sushant

Re: Spotify Embed no longer has play button

RavanH — Fri, 18 Aug 2023 15:31:36 GMT

Excellent stuf! The player seems to be working on our site https://maxwellconroe.com/the-meaning-of-being/ 🙂

Only still missing the playback position bar and still showing the text "Preview" which does not happen on https://codepen.io/RavanH/pen/OJaLoWd for example.

Same browser, same podcast, different result... Is that also related to the localStorage API?

Re: Spotify Embed no longer has play button

sushants — Thu, 31 Aug 2023 18:21:56 GMT

This is because the "Permission-Policy" response header when the main HTML document is fetched has "encrypted-media" set to "self". This prevents the encrypted-media policy from taking affect on any other origin like open.spotify.com. You should either set it to "*" or set it explicitly to "open.spotify.com".

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy

Hope this helps.

Regards,

Sushant

Re: Spotify Embed no longer has play button

RavanH — Thu, 31 Aug 2023 19:36:16 GMT

Thanks a million @sushant that fixed it 🙂

Re: Spotify Embed no longer has play button

angelos23 — Fri, 27 Oct 2023 18:01:04 GMT

I'm encountering a similar issue on my app deployed on Vercel. The embeds of playlists that I create through my app don't show any songs or a preview image. This issue isn't occurring for playlists that I create through the Spotify app or playlists that already exist. It's also not occurring when my app runs on localhost. This screenshot shows how to playlist embed shows up on my app:

I've tested in both Safari and Chrome. The issue persists on both.