CODEWITHSUNDEEP
htmlcssmedia-player
user2756554
user2756554

Reputation:

Can I style this audio player?

I am trying to make a very simple audio player, and I have come across this Fiddle: http://jsfiddle.net/yJfbX/2/ It is what I really need, but the question is can I really STYLE it?

Here is the code: 

JS: var audio    = new Audio();
    playlist = $('#playlist');

               playlist.on('click', 'li', function() {
                  playlist.find('.current').removeClass('current');
                  $(this).addClass('current');
                  audio.src = $(this).data('src');
                  audio.play();
               }).find('li:first').trigger('click');

audio.controls = true;
document.body.appendChild(audio);

HTML:

<ul id="playlist">
    <li data-src="http://dp0169.free.fr/Musique/Air/Air%20-%20Talkie%20Walkie/02%20Cherry%20Blossom%20Girl.mp3">Cherry Blossom Girl (AIR)</li>
    <li data-src="http://dp0169.free.fr/Musique/Air/Air%20-%20Talkie%20Walkie/04%20Universal%20Traveller.mp3">Universal Traveller (AIR)</li>
    <li data-src="">Another Day (AIR(</li>
</ul>

Upvotes: 0

Views: 184

Answers (1)

dgear
dgear

Reputation: 21

You are most probably better using something like jPlayer for which you can create your own skins and styles. I've used it on many projects and it's never let me down API wise.

http://jplayer.org/

Upvotes: 1

Related Questions