如何刪除 HTML5 音頻標簽中的下載選項？

Question

我在我維護的網站上使用 HTML5 音頻標簽。 我注意到音頻標簽中嵌入了一個下載圖標。 如何刪除該選項？ 我只想讀取（播放）音頻。 有沒有辦法在沒有 JavaScript 或 jQuery 的情況下做到這一點？ 我一個都不認識。

Answer 1

要從 UI 中刪除下載選項，請添加 controlsList="nodownload" 屬性

        <audio
           controls
           controlsList="nodownload">

        </audio>

Answer 2

audio元素界面上沒有任何東西只控制下載按鈕。 有controls屬性，這是一個布爾屬性，只是顯示或隱藏音頻 UI 上的所有控件。

Answer 3

試試這個可能對你有幫助。 這不是最好的方法，但我認為它可以解決您的問題。

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

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