Spotify

Caution

🔇 Turn your volume down a bit, the previews can be loud!

@social-embed/wc supports tracks, albums, playlists, artists, shows, and episodes from Spotify.

Tracks

URL style

HTML

URL: https://open.spotify.com/track/7Ca8EuTCyU3pjJR4TNOXqs?si=_AayG1M6SkiRSomgoM_Vxg

<o-embed
  url="https://open.spotify.com/track/7Ca8EuTCyU3pjJR4TNOXqs?si=_AayG1M6SkiRSomgoM_Vxg"
></o-embed>

(Careful: Loud!)

Spotify URI

HTML

<o-embed url="spotify:track:1w4etUoKfql47wtTFq031f"></o-embed>

---

Playlists

URL style

HTML

<o-embed
  url="https://open.spotify.com/playlist/37i9dQZF1DZ06evO0AI4xi?si=xT2VzBnETMOrHPtlteDqMg"
></o-embed>

Spotify URI

HTML

<o-embed url="spotify:playlist:37i9dQZF1DZ06evO0AI4xi"></o-embed>

---

Album

URL style

HTML

<o-embed
  url="https://open.spotify.com/album/4hg4cR8QMbE0xuvoxoA6DX?si=hJ7nFnSTQgyWI_uIpeIqdw"
></o-embed>

Spotify URI

HTML

<o-embed url="spotify:album:4hg4cR8QMbE0xuvoxoA6DX"></o-embed>

---

Artist

An artist embed displays the artist’s profile and top tracks.

URL style

HTML

<o-embed url="https://open.spotify.com/artist/16s0YTFcyjP4kgFwt7ktrY"></o-embed>

Spotify URI

HTML

<o-embed url="spotify:artist:16s0YTFcyjP4kgFwt7ktrY"></o-embed>

---

Show (Podcast)

A “show” is a podcast channel on Spotify.

URL style

HTML

<o-embed url="https://open.spotify.com/show/2MAi0BvDc6GTFvKFPXnkCL"></o-embed>

Spotify URI

HTML

<o-embed url="spotify:show:2MAi0BvDc6GTFvKFPXnkCL"></o-embed>

---

Episode (Podcast Episode)

An “episode” is a single podcast installment.

URL style

HTML

<o-embed url="https://open.spotify.com/episode/0Bx6gWK755bUoM238X2Ma1"></o-embed>

Spotify URI

HTML

<o-embed url="spotify:episode:0Bx6gWK755bUoM238X2Ma1"></o-embed>

---

Compact size

HTML

For any of the above combinations, add height="152" to the <o-embed> tag. Example:

<o-embed url="spotify:playlist:37i9dQZF1DZ06evO0AI4xi" height="152"></o-embed>

This ensures a more compact player. You can also experiment with width="300" or other sizes to fit your site’s design.