javascript - html5音频隐藏下载按钮

标签 javascript asp.net html5-audio

我使用下面的代码在公司门户 (asp.net webform) 中播放 .mp3 文件。

 <audio id="player" style="margin-top:10px;margin-bottom:10px" src="audio/aaa.mp3" controls loop autoplay></audio>

一切正常,但当我使用 chrome 时,音频控件中会显示一个下载按钮。

audio download button

如何在不禁用其他控件的情况下隐藏或禁用下载按钮?

谢谢。

最佳答案

自 chrome 58 以来,Google 添加了一项新功能。现在您可以这样做:

<audio width="400" height="38" controls controlsList="nodownload">
    <source data-src="...." type="audio/mpeg">
</audio>

更多信息在这里

https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist

关于javascript - html5音频隐藏下载按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40976963/

相关文章:

jquery - HTML5/jQuery : Adjust audio volume on iPad

javascript - 从复选框创建搜索过滤器数组(Ionic Framework)

javascript - StopPlay(); 的一个很酷的方法是什么?使用 JavaScript 的 <object id ="myflashvideo">?

javascript - 如何使用 AngularJS 的范围值生成自定义 html 标签的属性

asp.net - 表单键或值长度限制 2048 超出

audio - 当我停止播放声音时,如何避免这种 'clicking'声音?

javascript - 当用户在具有多个按钮的表单中按 Enter 键时,如何触发正确的表单操作?

c# - 是什么导致我的代码 : String was not recognized as a valid DateTime 出现此错误

c# - 如何使用 C# ASP.NET 与 Excel 文件进行交互

javascript - 我可以使用 javascript 仅从右/左耳机获得声音吗?