如何删除HTML5音频标签中的下载选项？

Question

我在我正在维护的网站上使用HTML5音频标签。我注意到音频标签中嵌入了一个下载图标。如何删除该选项？我想只读取（播放）音频。有没有办法在没有JavaScript或jQuery的情况下做到这一点？我还不知道其中任何一个。

Answer 1

要从 UI 中删除下载选项，请添加 controlsList="nodownload" 属性

        <audio
           controls
           controlsList="nodownload">

        </audio>

Answer 2

audio元素界面上没有任何内容只控制下载按钮。有controls属性，它是一个布尔属性，只显示或隐藏音频用户界面上的所有控件。

Answer 3

试试这可能会对你有所帮助。这不是最好的方法，但我认为它会解决你的问题。

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

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