Wp-calypso: Embeds: Spotify playlist embed not working

[philnick206]

Steps to reproduce

1. Add a Spotify embed with a playlist URL, such as https://open.spotify.com/playlist/3tryGC00g1xU3BRdQehjrB?si=hCWNeOlMR6KXzI7v1FBn4Q

What I expected

Playlist should be embedded similar to an album or a song.

Using an album link works, such as: https://open.spotify.com/album/5gIa8hTQGPwVeNYjDwrraZ?si=ky0ZoBy1QxSLF48C6eF-Tw

What happened instead

The editor displayed a message " Sorry, this content could not be embedded."

Browser / OS version

Firefox 76 on macOS (Catalina)

Screenshot / Video

Context / Source

20984698-hc

[pauljacobson]

We have another report here: 2956791-zen

This seems to be specific to WordPress.com sites. I was able to replicate this on one of my test sites, here: https://he20171027.com/2020/01/23/spotify-embeds/

I recently added a Spotify playlist to my self-hosted WordPress.org site, and it renders both in the editor, and in the post when viewed publicly: https://pauljacobson.me/2020/05/06/comforting-familiarity/

[susanjanec]

Another report here - 21006741-hc

Provided workaround to add playlist using a shortcode, but the playlist appears very small, and there isn't a way to adjust the width.

[khristiansnyder]

Another report here: 21013620-hc

Shortcode workaround was provided.

Tested on my own simple and AT sites and Spotify embeds don't work on either.

[AtrumGeost]

Got another one here 443326-hc

[ktyfuller604]

Another report here 11897318-hc

[Addison-Stavlo]

Im trying to embed a playlist on self hosted, both with current Gutenberg and an older version. Neither are working for me.

@pauljacobson was https://open.spotify.com/playlist/37i9dQZF1DX4UtSsGT1Sbe the url you added to get that one running on your self hosted site? Also, do you happen to know the Gutenberg version that is working on? This may be a regression in core. 🤔

[pauljacobson]

Hi @Addison-Stavlo I just tried to add a playlist to a post on the same site, and I was presented with this error:

When I preview the post, it doesn't even render now:

I'm using the Gutenberg v8.0.0 plugin on WordPress 5.4.1, using the Twenty Twenty theme. The site is hosted on Pressable.

The issue persists even if I deactivate the plugin, and revert back to the version that Pressable runs by default (I'm not too sure which version that is).

[mikeicode]

Another 21035411-hc

[chatoxz]

Another here 2956060

[Addison-Stavlo]

I opened an issue in core regarding this.

[sirreal]

This _appears_ to be a problem on Spotify's end, but it's not clear where or how to file a support request.

It was raised on a Spotify forum: https://community.spotify.com/t5/Spotify-for-Developers/Playlist-oembed-down-or-changed/m-p/4949867/highlight/true#M99 and I've commented there.

I've also reached out on Twitter: https://twitter.com/jonsurrell/status/1260608420396306432

[ktyfuller604]

Another report here - 2438058-hc

[greentreeonline]

Another report here: 2975135

[Addison-Stavlo]

Noting core has this open at - https://core.trac.wordpress.org/ticket/50116
Although, it does still seem to be an issue from Spotify's end 😞

[thebud15]

Reported in #20048151-hc

[sanjeev00733]

Another report in #2982202-zen

[edwinho89]

Another issue in #17727539-hc

It seems existing embedded Spotify link still works, only embedded URLs that have not been added before.

[hacchism]

Another report in #4973969-hc. This user was using Classic editor.

Provided them with a shortcode workaround. And it worked.

[edwinho89]

Another report in #21222927-hc

[philnick206]

Another report #21237753-hc

Provided shortcode workaround.

[sophiegyo]

Another report 3001941-zen
Provided shortcode workaround.

[TeniCola]

Another report in 2745366-hc
Shared the shortcode workaround as a solution.

[kosiew]

Replicated this on a GoDaddy site.
This happens in Core to - https://core.trac.wordpress.org/ticket/50116
It is related to Spotify issue - https://github.com/spotify/web-api/issues/1060

[AleGenoa]

Another here: 3003746-zen
The shortcode workaround on my test site seems to generate the block outside of the webpage, barely visible to the left:
https://snipboard.io/52tNay.jpg

[synora]

Another report here: 21495866-hc
Shortcode alternative worked.

[rinazrina]

Another report here: #2997547-zen
Shared the shortcode workaround.

[ash1eygrace]

Another report in hc-15470225
Also, I shared the shortcode as a workaround.

[pauloeaquino]

Report in 21668828-hc
Shortcode workaround shared in 3035787-zen

[sirreal]

Spotify seems to have fixed things on their end. I've tested and playlist embed is working.

Closing.