Search code examples
javascriptasp.nethtml5-audio

html5 audio hide download button


I Use the code below to play .mp3 files in a company portal (asp.net webform).

 <audio id="player" style="margin-top:10px;margin-bottom:10px" src="audio/aaa.mp3" controls loop autoplay></audio>

Everything works fine, but when I use chrome a download button is visible within the audio controls.

audio download button

How can I hide or disable the download button, without disable the other controls?

Thanks.


Solution

  • Google added a new feature since chrome 58. Now you can do this :

    <audio width="400" height="38" controls controlsList="nodownload">
        <source data-src="...." type="audio/mpeg">
    </audio>
    

    More info here

    https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist