JSFiddle - React, Tailwind, and code Playground

by cristighenea

HTML

<script src="http://www.brianhadaway.com/audio/src/jquery.ubaplayer.js"></script>
<link rel="stylesheet" href="http://www.brianhadaway.com/audio/libs/css/styles.css">
<div id="ubaPlayer"></div>
<ul class="controls">
    <li><a class="audioButton" href="http://207.200.96.230:8014/;audio.mp3">Fifty Years</a></li>
</ul>

<button>Play</button>

JavaScript

$("#ubaPlayer").ubaPlayer({
    swfObjectPath: "http://brianhadaway.com/audio/js/swfobject.js",
    flashAudioPlayerPath: "http://www.brianhadaway.com/audio/swf/player.swf"
});

$('button').click(function(){
    if($("#ubaPlayer").ubaPlayer("playing") == true){
         $(this).html("Play");
         $("#ubaPlayer").ubaPlayer("pause");
    } else {
         $(this).html("Pause");
        try{
          $("#ubaPlayer").ubaPlayer("resume");                
        }catch(e){
          $(".audioButton").eq(0).click();  
        }
    }
});