Skip to content

Spotify

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


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!)

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

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

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

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

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

A “show” is a podcast channel on Spotify.

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

An “episode” is a single podcast installment.

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

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.