如何删除 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 */
}