html中如何移除video下载按钮

我发现部分安卓手机使用video标签播放视频的时候会自带一个下载按钮，一般产品大多都不需要这一功能，那如何屏蔽下载按钮呢？有下面两种，请一定使用第一种方式，使用css控制会有兼容性问题，建议不要使用这种方案。

第一种方式，通过原生方式 nodownload in controlsList 控制button显示，audio标签也适用

<video width="400" height="300" controls controlsList="nodownload">
    <source data-src="test.ogg" type="video/mp4">
</video>

另一种方式通过css控制video标签的外观（坑一踩，有兼容问题，不要使用！！）

video::-internal-media-controls-download-button {
      display:none;
}
video::-webkit-media-controls-enclosure {
      overflow:hidden;
}
video::-webkit-media-controls-panel {
      width: calc(100% + 30px); 

}

 

转载于:https://www.cnblogs.com/johnv/p/9578348.html