HTML5 audio player for website and mobile usage

Question

I have a page that has multiple instances of HTML5 audio players on it (it has multiple .mp3 links, that I want to be playable).

I want to develop my own custom HTML5 audio player, with my own graphics and stuff, and the main thing that I want is to have bigger controls (play button, music scroll, volume knob etc) ONLY for the [mobile/Android] version of the page.

Is that possible ? To have different control sizes (play, pause etc.) for different screen-resolutions ?

Answer 1

with using the @media Rule you can do exactly what you want CSS3 @media Rule

and there is another document that helps you found if the page is being viewed by Mobile/Tablet/PC and etc...

Link to Document