jPlayer Jukebox - Zero configuration

Example for article at http://www.gyrocode.com/projects/jplayer-jukebox/

HTML

<script src="//gyrocode.github.io/jplayer-jukebox/0.6.2/jplayer.jukebox.bundle.min.js"></script>
<link rel="stylesheet" href="//gyrocode.github.io/jplayer-jukebox/0.6.2/skin/uno/jplayer.uno.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
<h3><a href="http://www.gyrocode.com/projects/jplayer-jukebox/">jPlayer Jukebox add-on</a></h3>
<a href="http://www.gyrocode.com/projects/jplayer-jukebox/">See full article on Gyrocode.com</a>
<hr><br/>
    
<p>
    
<a href="//gyrocode.github.io/jplayer-jukebox/demo/media/wav.wav" data-buy="https://www.youtube.com/watch?v=dQw4w9WgXcQ">.WAV file</a><br/>
    
<a href="//gyrocode.github.io/jplayer-jukebox/demo/media/mp3.mp3" data-buy="https://www.youtube.com/watch?v=dQw4w9WgXcQ">.MP3 file</a><br/>
    
<a href="//gyrocode.github.io/jplayer-jukebox/demo/media/ogg.ogg" data-buy="https://www.youtube.com/watch?v=dQw4w9WgXcQ">.OGG file</a><br/>

</p>

CSS

.jp-playlist a.jp-playlist-item-buy::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f167";
}

JavaScript

$(document).ready(function(){
   // Initialize jPlayerJukebox
   var jpjb = new jPlayerJukebox();
});