Categories
Apple

How to Embed Apple Music Playlists, Albums and Songs on a Webpage

Apple Music is now available on the web, and that means we now have a better way to embed songs, playlists, and albums from Apple Music on webpages.

Open beta.music.apple.com in your browser, then click on a playlist or album you wish to embed.

Select an album or a playlist from the Apple Music Web interface.

Click the “three-dot menu” button on the right of the Play/Preview button for the album or playlist. Then hover over the “Share” option and select “Copy Embed Code” from the expanded menu.

Copy Embed Code from the Share menu for a playlist or album

The embed code will be copied to your computer’s clipboard, paste it on the web page and it’ll display the album art image, description, scrollable list of all songs within the playlist/album, and a play/pause button to listen to the playlist right from the page.

Example Apple Music Embed Code:

<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="450" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/playlist/heard-in-apple-ads/pl.b28c3a5975b04436b42680595f6983ad"></iframe>

See it in action below:


How to embed a song from Apple Music Web

Hover over a song name to reveal the “three-dot menu” for a song, then click the menu button and then hover “Share” and select “Copy Embed Code” from the available sharing options.

Click the three-dot menu button for a song to get sharing options

Paste the embedded code on a webpage and it’ll load the song from Apple Music with an art image, song name, artist details, play/pause button and a progress bar.

See it in action below:


So that’s how you embed Apple Music easily from the Apple Music Web. We hope you find this page helpful.

🍻 Cheers!