title: SoundCloud SC.oEmbed returns html iframe with 404
body: <p>I'm trying to stream a track from soundcloud using their Javascript API, but I keep getting a 404 when asking for the stream url:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> SC.oEmbed(track_url, { auto_play: false }).then(function(oEmbed) {
        var iframeContainer = document.getElementById('soundcloud-preview-iframe-&lt;?php echo $track-&gt;id; ?&gt;')
        iframeContainer.innerHTML = oEmbed.html;
        var iframe = iframeContainer.getElementsByTagName("iframe")[0];
        widget&lt;?php echo $track-&gt;id; ?&gt; = SC.Widget(iframe);
        widget&lt;?php echo $track-&gt;id; ?&gt;.bind(SC.Widget.Events.READY, function() {
          jQuery(".soundcloud-preview-control-&lt;?php echo $track-&gt;id; ?&gt;").addClass("soundcloud-preview-control-play").html('&lt;!-- --&gt;');
        });
        widget&lt;?php echo $track-&gt;id; ?&gt;.bind(SC.Widget.Events.PLAY_PROGRESS, function() {
          widget&lt;?php echo $track-&gt;id; ?&gt;.getPosition(function(positionSC) {
            if( (secondsLimit*1000)&lt;Math.floor(positionSC) ) {
              widget&lt;?php echo $track-&gt;id; ?&gt;.pause();
              curSongId = '';
              jQuery(".soundcloud-preview-control-&lt;?php echo $track-&gt;id; ?&gt;").removeClass("soundcloud-preview-control-stop").addClass("soundcloud-preview-control-play");
            }
          });
        });
      });</code></pre>
  </div>
  </div>
  </p>
  
  <p>I receive multiple 404 errors on console related at this call related at oEmbed.html json object:
  <a href="https://soundcloud.com/oembed.json?auto_play=false&amp;url=xxx" rel="nofollow noreferrer">https://soundcloud.com/oembed.json?auto_play=false&amp;url=xxx</a></p>
  
  <p>I'd like to know why using their JS API doesn't work.</p>