Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Soundcloud embedded player on mobile

Here is how a SoundCloud embedded player on a HTML page looks like on mobile device:

enter image description here

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? :

enter image description here


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&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
like image 924
Basj Avatar asked Sep 21 '16 19:09

Basj


People also ask

How do I get the SoundCloud embed code on my phone?

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'.

What is SoundCloud embedded player?

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.

Is there a widget for SoundCloud?

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.


Video Answer


1 Answers

Use show_teaser=false as parameter to hide the overlay.

like image 70
Markus Avatar answered Sep 21 '22 01:09

Markus