jplayer audio

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    
        <script type="text/javascript" src="http://jplayer.org/2.1.0/js/jquery.jplayer.min.js"></script>

<ul>
    <li class="btn">one</li>
    <li class="btn">two</li>
    <li class="btn">three</li>
</ul>


<div class="btn-group" > <button class="btn" style="font-family: fontawesome;"><a href="javascript:;">&#xf04b;</a></button> <button class="btn" style="font-family: fontawesome;">&#xf04c;</button> <button class="btn" style="font-family: fontawesome;">&#xf04d;</button> </div>

CSS

body{
    padding:50px
}

JavaScript

$("#jquery_jplayer_1").jPlayer({
        ready: function(event) {
            $(this).jPlayer("setMedia", {
                mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
                oga: "http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
            });
        },
        swfPath: "http://www.jplayer.org/2.1.0/js",
        supplied: "mp3, oga"
    });