html - 停止覆盖播放器的音频“下载”选项

Question

我有一个audio元素，但是当我单击 3 点图标下载时，它覆盖了整个播放器：

有没有办法像工具提示一样把它放在底部？或者也许让它成为一个单独的下载按钮？如果是，请告诉我该怎么做。

标签： htmlcsshtml5-audio

Answer 1

无法更改默认audio控件。它的 UI 由浏览器在比 JS 可以访问的更低级别处理。

你有两个选择。一种是使用您自己的音频播放器，或者下载现有的播放器。

另一种是使用删除“下载”链接controlslist="nodownload"。然后，您可以根据需要将自己的下载按钮添加到您的站点。