javascriptjqueryhtmlaudio

How do I remove the download option in the HTML5 audio tag?


I am using the HTML5 audio tag on a website I'm maintaining. I noticed that the audio tag has a download icon embedded in it. How do I remove that option? I want the audio to be read (playback) only. Is there a way to do this without JavaScript or jQuery? I don't know either one yet.


Solution

  • Try this might it help you. It is not the best way but I think it will solve your problem.

    audio::-webkit-media-controls-enclosure {
        overflow:hidden;
    }
    
    audio::-webkit-media-controls-panel {
        width: calc(100% + 30px); /* Adjust as needed */
    }