Embedded URLs from podcasters.spotify.com load in Safari only

[CodeAllNightNDay]

Update: The replicable issue here is that links from https://podcasters.spotify.com/ are not appearing in most browsers. See triage notes

Quick summary

When trying to add a Spotify podcast episode through the Embed Block, the episode only shows on the Safari browser. But not on Chrome or Firefox.

Steps to reproduce

1. Add the Embed Block to a page or post using any theme on an AT or simple site.
2. Insert a link to a podcast episode from Spotify. Example episode URL.
3. Save the page and then try to view it on the live site on Chrome and Firefox.
4. Check to see if the episode shows correctly in Safari (at this time, it still does).

What you expected to happen

To see the podcast episode preview information. Instead, the following error message is displayed: "Sorry, this episode can't be found."

What actually happened

The preview only displays in Safari browsers but not on Chrome or Firefox.

Impact

Most (> 50%)

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

Tested multiple themes for simple and atomic sites. The issue persists on all themes tested, classic and FSE, as well as on simple and atomic sites.

[CodeAllNightNDay]

7208676-zen

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 7208676-zen
• [ ] 8040639-zen
• [ ] 8176417-zen
• [ ] 8478675-zen

[cuemarie]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Replicated
• Replicable outside of Dotcom – Yes

📌 FINDINGS/SCREENSHOTS/VIDEO The replicable issue here is that links from https://podcasters.spotify.com/ are not appearing in most browsers. This is a relatively new Spotify service for Podcasters, so we may not have support for those links yet at all.

Firefox Console shows lots of errors, including:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://podcasters.spotify.com/pod/api/currentuser. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 200.

Interestingly, Safari shows similar issues, but then renders the embed anyway:

📌 ACTIONS

• Converting to Feature Request to add support for embed links from podcasters.spotify.com
• Will share this in /gutenberg as well as this is replicable outside of Dotcom

[cuemarie]

Core report:

• https://github.com/WordPress/gutenberg/issues/55633

[cuemarie]

Looks like this might be resolved on Spotify's side. I followed up with the customer to let them know. Won't close this quite yet, but we can keep an eye on the core report and the customer's update.

[connorhipps]

It appears this issue is ongoing, as reported in these tickets:

8040639-zd-a8c 8176417-zd-a8c

[tanjoymor]

I'm not 100% sure if this is related, but another issue is when using the URL version https://open.spotify.com/ the podcast will embed but not play.

8478675-zd-a8c

I suspect this one might be more related to their privacy settings in Spotify, but wanted to mention it here just in case.

[mrfoxtalbot]

This is fixed now:

• https://github.com/WordPress/gutenberg/issues/55633