csshtml5-audio

HTML audio controls - How to remove 3 dots from default audio player?

I have used the HTML AUDIO tag with CONTROLS to display an audio track.

<audio controls controlsList="nodownload">  
  <source src="horse.mp3" type="audio/mpeg">
</audio>

Using CSS audio::-webkit-media-controls- I figured that many functions can be modified.

However, I couldn't manage to figure out how to disable / hide those 3 dots on the player.

enter image description here

PS: This helped a lot in disabling / styling the controls with CSS. However, it was an answer from many years ago, so it didn't include playback speed options.

Is it possible to style html5 audio tag?

Solution

  • Add this controlsList: noplaybackrate

    <audio id="myaudio" controls controlsList="nodownload noplaybackrate">  
  <source src="horse.mp3" type="audio/mpeg">
</audio>