jQuery Cross-platform Audio Player - MINI Music Player

Music Player Player is an easy-to-use jQuery plugin which helps you create a highly customizable mp3 player on the html page.
Features:
Custom player controls.
Autoplay on page load.
Supports playlist and infinite loop.
Album cover is supported as well.
Mobile friendly.
Lots of customization options.

Basic usage:
1. Create a playlist and define the cover images, artists and musics as follows:

1
<div class="example"><ul class="playlist"><li data-cover="cover-1.jpg" data-artist="Artist-1"><a href="1.mp3">Music 1</a></li><li data-cover="cover-2.jpg" data-artist="Artist-2"><a href="2.mp3">Music 2</a></li><li data-cover="cover-3.jpg" data-artist="Artist-3"><a href="3.mp3">Music 1</a></li>... </ul></div>
2. Add the following JavaScript and CSS files to the webpage.

2
<link href="css/styles.css" rel="stylesheet"><script src="//code.jquery.com/jquery.min.js"></script> <script src="js/musicplayer.js"></script>
3. Call the plugin on the top container to create a basic audio player.

Color Names
$(".example").musicPlayer();
4. Customize the audio player with the following options.

4
$(".example").musicPlayer({ autoPlay: false , volume: 80, loop: false, timeSeparator: ' / ', playerAbovePlaylist: true, infoElements: ['title' , 'artist'] , elements: ['artwork', 'information', 'controls', 'progress', 'time', 'volume'], timeElements: ['current', 'duration'], controlElements: ['backward', 'play', 'forward', 'stop'], });
5. Callback functions available.

Color Names
$(".example").musicPlayer({ onLoad: function() {}, onPlay: function() {}, onPause: function() {}, onStop: function() {}, onFwd: function() {}, onRew: function() {}, volumeChanged: function() {}, progressChanged: function() {} , trackClicked: function() {}, onMute: function() {} });
jQuery Cross-platform Audio Player - MINImusic Player