Profile PictureBraydon Coyer
Open menu

Display Apple Music Playlist on Your Website

February 1, 2021

––– views

(Updated on November 22, 2021)

article cover

We've all seen those really cool 'What I'm listening to' Spotify lists on portfolio websites. They're cool. They're sleek. It adds a bit of personality to a website. Spotify has an API that allows you to fetch data related to your profile so you can make a list of your top-played tracks, or even display the song you're currently listening to on the platform. Lee Robinson has a fantastic example of this on his website, and even has a blog article showing you how to utilize Spotify's API to do a few of the things I listed above.

But what if you use Apple Music?

This article isn't intended to argue which streaming platform is better than the other (though, I am an Apple fanboy). But what if you don't have a Spotify account?

Does Apple Music allow you to access the same functionality as Spotify?

Well, not really. But we can use a workaround and embed a playlist into a webpage.

Embedding a Playlist on a Website

First, open Apple Music on a Mac (or use the web app) and find the playlist you want to embed on the webpage.

I recently did a soft launch of my redesigned portfolio and wanted to make sure my love of Lord of the Rings was shared with the rest of the world, so I opened a playlist I created that contained all of the music from the movie series.

A visual depiction of what is being written about

With the playlist open, click on the three dots on the far right-side to open an options menu.

A visual depiction of what is being written about

With the menu open, go to the Share option and click on the Copy Embed Code button. This copies an iframe to your clipboard.

A visual depiction of what is being written about

With the embed code copied, head over to your website HTML, paste the iframe and preview your site. You should now have an embedded Apple Music playlist! Visitors can listen to previews of each track in the playlist, too!

A visual depiction of what is being written about

Conclusion

What playlist did you embed on your website? Hit me up on Twitter and let me know!

Thanks for reading! If you liked this article and want more content like this, read some of my other articles and subscribe to my newsletter below!

👍LIKE
❤️LOVE
👏CLAP
🎉PARTY

Updates delivered to your inbox!

A periodic update about my life, recent blog posts, how-tos, and discoveries.

As a thank you, I'll also send you a FREE CSS tutorial!

No spam - unsubscribe at any time!

- subscribers – - issues


More articles

If you enjoyed this article, you'll find these insightful too!