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">
<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">.WAV file</a><br/>
<a href="//gyrocode.github.io/jplayer-jukebox/demo/media/mp3.mp3">.MP3 file</a><br/>
<a href="//gyrocode.github.io/jplayer-jukebox/demo/media/ogg.ogg">.OGG file</a><br/>
</p>
JavaScript
$(document).ready(function(){
// Initialize jPlayerJukebox
var jpjb = new jPlayerJukebox({
'play': function(e){
if(jpjb.getViewState() !== 'maximized'){
jpjb.setViewState('maximized', 400);
}
}
});
});