JSFiddle - React, Tailwind, and code Playground

by blparker

HTML

<script src="https://raw.github.com/blparker/playerjs/master/playerjs.js"></script>
<script src="https://raw.github.com/blparker/playerjs/master/plugins/soundcloud.js"></script>
<iframe id="player2" width="100%" height="166" scrolling="no" frameborder="no" src="//w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F7659975"></iframe>
<button id="play">Play</button>&nbsp;<button id="pause">Pause</button>

JavaScript

var soundclick = PlayerJS.attach('player2');

$('#play').on('click', function(e) {
    soundclick.play();
});

$('#pause').on('click', function(e) {
    soundclick.pause();    
});