CODEWITHSUNDEEP
htmlcssaudiodownload
Ghosty Rawr
Ghosty Rawr

Reputation: 53

<audio> hide download controls

How do you remove the download button from the controls? I only want the play/pause and volume controls. I don't want people to download the audio files.

This is what I have right now:

<audio controls>
 <source src="Test.mp3" type="audio/mpeg">
</audio>

Upvotes: 3

Views: 7207

Answers (2)

Tiago165
Tiago165

Reputation: 101

Write like this

<audio controls controlsList="nodownload">

Upvotes: 10

faraz
faraz

Reputation: 233

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}
//add above css properties in <style></style> it will work definitely.

Upvotes: -1

Related Questions