title: Soundcloud embedded player on mobile
body: <p>Here is how a SoundCloud embedded player on a HTML page looks like on mobile device:</p>
  
  <p><a href="https://i.stack.imgur.com/9Duib.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9Duib.png" alt="enter image description here"></a></p>
  
  <p>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.</p>
  
  <p><strong>How to have the normal look, even on mobile devices?</strong> :</p>
  
  <p><a href="https://i.stack.imgur.com/W9xAf.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/W9xAf.jpg" alt="enter image description here"></a></p>
  
  <hr>
  
  <p>Here is example of embedding code:</p>
  
  <pre><code>&lt;iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/271188615&amp;amp;color=ff5500&amp;amp;auto_play=false&amp;amp;hide_related=false&amp;amp;show_comments=true&amp;amp;show_user=true&amp;amp;show_reposts=false"&gt;&lt;/iframe&gt;
  </code></pre>