Customize Audio player

1

hi, i need help with Audio tag styling, im currently using

audio::-webkit-media-controls-panel {
background:red ; }

 <audio controls>
      <source src="http://audio.ngfiles.com/551000/551191_Pressure.mp3" type="audio/mp3"/>
    </audio>

but this only works for chrome, how to enable this on Opera/Mozilla etc.

2

Unfortunately, only Chrome has these selectors. The only way to do this in other browsers is to create some elements that you can style and use the browser’s audio api in JavaScript. I found this, but there may be more up-to-date tutorials out there.

1 Like