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.
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.
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.
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!
Member discussion