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

<audio
           controls
           controlsList="nodownload">

        </audio>

字符串

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

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

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

字符串

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

这是我用来获得所需结果的函数。希望它能帮助你.

function disable_audio_download() {
?>
<script>
    document.querySelectorAll('.wp-block-audio audio').forEach(function(audio) {
        audio.setAttribute('controlsList', 'nodownload');
    });
</script>
<?php

字符串
} add_action（'wp_footer'，'disable_audio_download'）;

只需将controlsList="nodownload"添加到controls的正上方，如下所示：

<audio
      id="audio-element"
      controlsList="nodownload"
      controls
      className="w-full rounded-lg p-2 bg-gray-200 border border-gray-400"
    >
      <source
        src={`http://localhost:3000/api/audiobook/stream/${audioBook?._id}`}
        type="audio/mpeg"
      />
      Your browser does not support the audio element.
    </audio>

字符串