SoundCloud Embed
Generate SoundCloud track and playlist embed code
Generate SoundCloud embed code for tracks, playlists, and profiles. Customize visual theme, hide related tracks, and add auto-play to your music embeds.
Player Options
How to generate a SoundCloud embed?
Generating a SoundCloud embed is quick: Find the track, playlist, or profile URL on SoundCloud — click Share > Copy Link to get the URL. Paste it into the input box on our tool. Select the visual style: choose between the compact player (smaller footprint, good for sidebars) or the visualizer (shows waveform, better for featured content). Toggle auto-play if you want music to start immediately. Decide whether to hide related tracks at the end — useful when you want listeners to stay on your page. Click Generate to produce the embed code. Copy the resulting iframe HTML and paste it into your webpage.
Related Tools
Generate audio embed code from MP3, SoundCloud, and Spotify
Generate customizable Dailymotion video embed code from URLs
Generate Facebook page feed/timeline embed code
Generate Facebook page plugin embed code
Generate Facebook post embed code from post URLs
Generate Facebook video embed code from video URLs
You May Also Need
SoundCloud Widget API parameters explained
SoundCloud's embed system uses the Widget API with specific URL parameters. The visual=true option displays the full waveform visualization, which adds about 100px to the player height but significantly increases engagement. The hide_related=true parameter prevents SoundCloud from showing suggested tracks after the current one finishes — critical for keeping visitors on your page. The auto_play=true parameter starts playback on page load, though most browsers will mute it by default. The show_comments=false parameter removes the comment section, reducing embed height. The color parameter accepts hex values like #ff5500 to match your brand. These parameters go after the ? in the SoundCloud player URL and are separated by ampersands.
SoundCloud embed sizing and responsive design
SoundCloud embeds require explicit height values — unlike YouTube which handles responsiveness automatically. The compact player needs approximately 166px height, while the visualizer version needs 400px or more. To make SoundCloud embeds responsive, wrap them in a container div with max-width: 100% and use CSS aspect-ratio or padding-bottom techniques. Set width to 100% on the iframe itself. On mobile devices, SoundCloud's player adapts its touch targets automatically, but you should test the embed height on small screens to ensure controls remain accessible. The embed scales proportionally when you change the width while maintaining the fixed height.
Frequently Asked Questions (FAQs)
Can I customize the SoundCloud player color?
Yes — use the color parameter with a hex value (e.g., color=%23ff5500). This changes the waveform, buttons, and progress bar color to match your brand. Percent-encode the # symbol as %23 in the URL.
Why doesn't SoundCloud autoplay work?
Modern browsers block autoplay with sound to protect users. SoundCloud respects this policy — even with auto_play=true, muted playback is the only reliable option. Users must interact with the page (click, tap) before unmuted autoplay can occur.
How do I make SoundCloud embeds responsive?
Wrap the iframe in a container with max-width: 100%. Set the iframe width to 100% and keep height fixed. Use CSS media queries to adjust height on smaller screens. SoundCloud's player scales horizontally but not vertically.
Can I embed a SoundCloud playlist?
Yes — paste the playlist URL instead of a track URL. The embed will display all tracks in the playlist with navigation controls. Playlist embeds are taller (around 400px) to accommodate the track list.
Does SoundCloud embed track analytics?
SoundCloud attributes plays to the original post on SoundCloud, not to your website. Your site analytics will show iframe loads but not play counts. SoundCloud's internal analytics show referral traffic from your domain in the dashboard.
Can I hide the SoundCloud branding?
The SoundCloud logo and attribution are mandatory per their Terms of Service. You cannot remove or obscure the branding. The embed always includes a link back to the original SoundCloud profile.