13

Is there any possibility of changing the size if the audio player in html5 produced using audio tag.

samdonly1
  • 418
  • 3
  • 5
  • 12
  • Yes, there are _lots_ of ways of customizing audio players. [What have you tried?](http://whathaveyoutried.com) – Matt Ball Nov 23 '12 at 20:19
  • I am trying to keep the code simple. i have just insert the audio tag until now.I just want to increase the width of the player.I want to avoid use of any libraries. – samdonly1 Nov 23 '12 at 20:50
  • 1
    You can also consider `zoom: 70%;` – Avatar Apr 15 '22 at 07:22

1 Answers1

24

<audio> can be styled as any other html element.

To increase the width just use the css property width.

Some html:

<audio id="player" controls autoplay>
  <source src="http://xseignard.github.com/webGLWebAudioAPI/sound/OGLikeCapone.ogg" type="audio/ogg">
  Your browser does not support the audio tag.
</audio>​​​

And the css:

#player {
 width: 100%;
}​

Regards

xavier.seignard
  • 11,254
  • 13
  • 51
  • 75