JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://caseykidd.com/main/src/jquery.ubaplayer.js"></script>
<script src="http://caseykidd.com/main/videobox/js/videobox.js"></script>
<div id="ubaPlayer"></div>
<ul class="controls">
    <li><a class="audioButton" href="http://www.caseykidd.com/main/mp3/livingforthecity.mp3">Audio</a>

    </li>
</ul>
<a href="http://www.youtube.com/watch?v=2sAnENc6ObI" rel="vidbox" title="The Rainbox Connection - Live at the Berklee Performance Center"><img src="playbtn.png" name="fakeplay" id="fakeplay">The Rainbow Connection (Video)</a>

JavaScript

jQuery.noConflict();
jQuery(function () {
    jQuery("#ubaPlayer").ubaPlayer({
        codecs: [{
            name: "MP3",
            codec: 'audio/mpeg;'
        }]
    });

});

jQuery('a[rel=vidbox]').click(function () {

    if (jQuery("#ubaPlayer").ubaPlayer("playing") === true) {
        jQuery("#ubaPlayer").ubaPlayer("pause");
    }
    return false;
});