georgefetcher

Found this – http://stackoverflow.com/questions/29320874/load-soundcloud-embedded-player-onclick-not-working-in-firefox
Looks great on his website https://www.buybeatsfast.com/category/beatswithhooks/

Here is the html:

<div class=”tempsc”><span class=”playbeat”><span class=”icon-play-sign playbeaticon”></span> Play Beat</span></div>

Here is the js:

/*SOUNDCLOUD CLICK TO PLAY*/
var formatPlayer    = '&iframe=true';
formatPlayer   += '&color=3498DB';
formatPlayer   += '&buying=false';
formatPlayer   += '&download=false';
formatPlayer   += '&show_playcount=false';
formatPlayer   += '&show_reposts=false';
formatPlayer   += '&show_user=false';
formatPlayer   += '&show_comments=false';
formatPlayer   += '&liking=false';
formatPlayer   += '&hide_related=true';
formatPlayer   += '&sharing=false';
formatPlayer   += '&maxheight=125';
formatPlayer   += '&auto_play=true'; // Play once user clicks link!
formatPlayer   += '&show_artwork=true';
//LOAD IFRAME ON CLICK
$('.scload').click(function (e) {
e.preventDefault();
var $link = $(this);
var getJSONstring = 'https://soundcloud.com/oembed?format=js&url=' + $link.attr('href') + formatPlayer;
//Replace contents
$.getJSON(getJSONstring + '&callback=?', function(response) {
var widget = response.html;
var src = $(widget).attr('src');
widget = $(widget).attr('src', src.replace('?visual=true', '?visual=false')); // Update iFrame src
$link.replaceWith(widget); }); });

What do you think?