Here is how a SoundCloud embedded player on a HTML page looks like on mobile device:
It's rather annoying, because the user has to click "Listen in browser", and then, often, it doesn't start like it should, and so the user has to click "Pause" button and "Play" again.
How to have the normal look, even on mobile devices? :
Here is example of embedding code:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/271188615&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
To get an embed code for your track or playlist, click the 'Share' button below the waveform and an overlay will appear. Click on the embed tab to view what options you have to embed your player. Copy-paste the embed code from 'Code & preview'.
SoundCloud embedded player Embedding our player lets you share individual tracks, playlists or your own profile on your website or blog. On the playlist, track or profile that you want people to hear, click the share button. You can also copy and paste the embed code.
But sometimes you want to take people straight to your own website and do your own private promo there. Well you can do this with SoundCloud too by using our secret widget feature. This allows you to keep your tracks totally private on SoundCloud but still grab a player widget that you can embed on your own promo page.
Use show_teaser=false as parameter to hide the overlay.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With