Soundcloud has easy ways to embed music players in a web site, especially WordPress sites. However, these players can use up a lot of screen space on a page, especially the players for “sets” (several tracks per set).
So here are two special configurations that I particularly like. The top one puts the track image behind the entire player, while the bottom one puts the track image on the left side like an “album cover.” The upper player requires a height of at least 140px to look good; the lower requires 110px.
<iframe src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/240383307&auto_play=false&hide_related=false &show_comments=true&show_user=true&show_reposts=false &visual=true” width=”100%” height=”140″ frameborder=”no” scrolling=”no”></iframe>
<iframe src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/240383307&color=ff5500&auto_play=false&hide_related=false &show_comments=true&show_user=true&show_reposts=false” width=”100%” height=”110″ frameborder=”no” scrolling=”no”></iframe>
<iframe src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/240383307&auto_play=false&hide_related=false&show_comments=true &show_user=true&show_reposts=false&visual=true” width=”100%” height=”140″ frameborder=”no” scrolling=”no”></iframe>
<iframe width=”100%” height=”110″ scrolling=”no” frameborder=”no” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/239028147&color=ff5500&auto_play=false&hide_related=false &show_comments=true&show_user=true&show_reposts=false”></iframe>
Leave a Reply