Can someone tell me how to style audio player ?

Question

I want to make audio player look good on my web page

Answer 1

Yes! The HTML5 audio tag with the "controls" attribute uses the browser's default player. You can customize it to your liking by not using the browser controls, but rolling your own controls and talking to the audio API via javascript.

Luckily, other people have already done this. My favorite player right now is http://www.jplayer.org/, it is very stylable and works great. Check it out.

Answer 2

You can style it with pure css. Check here: https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/Video_player_styling_basics