video控制条在部分浏览器禁止显示“下载”-解决方法

1. 搜狗浏览器视频播放器会显示向下箭头的下载按钮：如图：

解决方法：只需加入下面的样式

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

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

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

2. 但是以上向下箭头的下载不显示了，在谷歌浏览器打开控制条上还是会显示：如图：

解决方法：video中添加属性：controlsList="nodownload"

目前测试，添加controlsList="nodownload"这个属性在每个浏览器都已经隐藏掉了

<video id="video5" poster="image/4.jpg" controlsList="nodownload">
     <source src="xx.mp4" type="video/mp4">
</video>

所以，只需加入该属性即可。