从Chrome58开始，你可以使用controlsList删除你不想显示的控件。这可用于<audio>和<video>标签。

如果你想删除控件中的下载按钮，请这样做:

<audio controls controlsList="nodownload">

这就是解决方案(来自这篇文章)

video::-internal-media-controls-download-button {
    display:none;
}

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

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

更新2: @Remo的新解决方案

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>

从Chrome58开始，你可以使用controlsList删除你不想显示的控件。这可用于<audio>和<video>标签。

如果你想删除控件中的下载按钮，请这样做:

<audio controls controlsList="nodownload">

嘿，我找到了一个永久的解决方案，应该在任何情况下工作!

对于普通的web开发

<script type="text/javascript"> 
$("video").each(function(){jQuery(this).append('controlsList="nodownload"')}); 
</script>

HTML5视频有预加载错误

$( document ).ready(function() {
  $("video").each(function(){
    $(this).attr('controlsList','nodownload');
    $(this).load();
  });
});

undevinded美元?——>调试模式!

<script type="text/javascript"> 
jQuery("video").each(function(){jQuery(this).append('controlsList="nodownload"')}); 
</script>

HTML5视频有预加载错误

jQuery( document ).ready(function() {
  jQuery("video").each(function(){
    jQuery(this).attr('controlsList','nodownload');
    jQuery(this).load();
  });
});

如果对你有帮助，请告诉我!

也许利用“下载”按钮的最好方法是使用JavaScript播放器，如Videojs (http://docs.videojs.com/)或MediaElement.js (http://www.mediaelementjs.com/)

它们没有默认的下载按钮作为规则，而且允许您自定义播放器的可见控制按钮。

我用一个透明的div覆盖音频控制器的下载按钮，将鼠标光标的符号更改为“不允许”，从而解决了这个问题。

div会阻止下载按钮的激活。

高度:50px，宽度:35px，左:(文档-右-60)，上:(与音频控制器相同)。

您必须将div的z-index样式设置在音频控制器的z-index之上。

参见sapplic.com/jive66的例子，适用于win7和win8的chrome浏览器。