JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//www.radiojar.com/wrappers/api-plugins/v1/radiojar-min.js"></script>
<link rel="stylesheet" href="//www.radiojar.com/wrappers/api-plugins/v1/css/player.css">
<div id="rj-player">
 <div class="rjp-player-container">
  <div id="rjp-radiojar-player"></div>
  <div id="rj-player-controls" class="rj-player-controls">
   <div class="jp-gui jp-interface">
    <div class="jp-controls">
     <a href="javascript:;" style="display:block" class="jp-play" title="Play">&nbsp;<i class="icon-play"></i></a>
     <a href="javascript:;" style="display:none" class="jp-pause" title="Pause" ><i class="icon-pause"></i></a>
     <a href="javascript:;" class="jp-mute"  style="display:block" title="Mute"><i class="icon-volume-up"></i></a>
     <a href="javascript:;" class="jp-unmute" style="display:none" title="Unmute"><i class="icon-volume-off"></i></a>
    </div>
   </div>
   <div class="jp-no-solution">
    <span>Update Required</span>
    To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
   </div>
  </div>
 </div>
</div>

JavaScript

rjq('#rjp-radiojar-player').radiojar('player', {
   "streamName": "uf6x8w5f81ac",
   "autoplay":false
 });