audio隱藏下載按鈕

// 這個方法只支持 Chrome 58+， 低於該版本的是沒有無法隱藏的
<audio src="/i/horse.ogg" controls="controls" controlsList="nodownload">
    Your browser does not support the audio element.
</audio>

controlsList屬性只兼容Chrome 58+以上，具體可以參考controlslist.html ，controlsList在線例子

nodownload: 不要下載
nofullscreen: 不要全屏
noremoteplayback: 不要遠程回放

第二種方法：css方式來隱藏

// 這個方式兼容所有版本的谷歌瀏覽器
audio::-webkit-media-controls {
    overflow: hidden !important
}
audio::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

禁止右鍵

// 給audio標簽禁止右鍵，來禁止下載
<audio src="/i/horse.ogg" controls="controls" controlsList="nodownload" oncontextmenu="return false">
    Your browser does not support the audio element.
</audio>