JSFiddle - React, Tailwind, and code Playground

by Евгений

HTML

<script src="http://connect.soundcloud.com/sdk.js"></script>
<div id="target"></div>

JavaScript

SC.initialize({client_id: '489de00cec3feb56346041daa8ca5c01'});
var query_song = 'о боже какой мужчина';
SC.get('/tracks', { q: query_song, duration: {from: 120000}}, function(tracks) {
    var str = (tracks[0]) ? '<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F' + tracks[0].id + '&amp;color=837267&amp;auto_play=false&amp;show_artwork=false"></iframe>' +
'<object height="81" width="100%"><param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F' + tracks[0].id + '&amp;color=837267&amp;auto_play=false&amp;show_artwork=false&amp;show_playcount=false&amp;show_comments=false"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F' + tracks[0].id + '&amp;color=837267&amp;auto_play=false&amp;show_artwork=false&amp;show_playcount=false&amp;show_comments=false" type="application/x-shockwave-flash" width="100%" height="81"></embed></object>' : 'нет такого';
    str += '<a href="https://soundcloud.com/search?q=' + query_song + '" target="_blank"> здесь</a>';
    document.getElementById('target').innerHTML = str;
});