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

0

Issue

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  data-src="horse.mp3" type="audio/mpeg">
</audio>

Answered By – heychez

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave A Reply

Your email address will not be published.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More