JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://happyworm.com/jPlayerLab/circleplayer/v13/circle.skin/circle.player.css">
<script src="http://happyworm.com/jPlayerLab/circleplayer/v13/js/jquery.transform.js"></script>
<script src="http://happyworm.com/jPlayerLab/circleplayer/v13/js/jquery.grab.js"></script>
<script src="http://happyworm.com/jPlayerLab/circleplayer/v13/js/jquery.jplayer.js"></script>
<script src="http://happyworm.com/jPlayerLab/circleplayer/v13/js/mod.csstransforms.min.js"></script>
<script src="http://happyworm.com/jPlayerLab/circleplayer/v13/js/circle.player.js"></script>
    <div id="jquery_jplayer_1" class="cp-jplayer"></div>
    <div id="cp_container_1" class="cp-container">
        <div class="cp-buffer-holder">
            <div class="cp-buffer-1"></div>
            <div class="cp-buffer-2"></div>
        </div>
        <div class="cp-progress-holder">
            <div class="cp-progress-1"></div>
            <div class="cp-progress-2"></div>
        </div>
        <div class="cp-circle-control"></div>
        <ul class="cp-controls">
            <li><a href="#" class="cp-play" tabindex="1">play</a>
            </li>
            <li><a href="#" class="cp-pause" style="display:none;" tabindex="1">pause</a>
            </li>
        </ul>
    </div>

CSS

body {
    height: 100%;
    color: #000;
    background: #f0f0f0;
    font-family: verdana, sans-serif;
}

JavaScript

var myPlayer = new CirclePlayer("#jquery_jplayer_1", {
   	//m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
	//oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg",        
    //mp3: "http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3",
    wav: "https://drive.google.com/uc?export=download&id=0B2QktIxMtMgtMVFrQ2dZQVMwRkU"
}, {
    supplied: "m4a, oga, mp3, wav",
    cssSelectorAncestor: "#cp_container_1"
});