video标签去掉自带的下载按钮 方法

Html5自带的 video标签 ，会有个下载按钮，有时候想避免，想禁用下载按钮，我们应该怎么办呢？下面给大家介绍两种方法：

1、CSS样式

我们完全可以利用css样式的方法，具体样式代码如下：

<style type="text/css">
            video::-internal-media-controls-download-button {
                display:none;
            }
            video::-webkit-media-controls-enclosure {
                overflow:hidden;
            }
            video::-webkit-media-controls-panel {
                width: calc(100% + 30px);
            }
 </style>

原标签效果：

修改后效果：

2、video标签controlsList属性

如果是PC电脑上，完全可以用video标签controlsList属性，修改成如下即可！

<video controls controlsList="nodownload"></video>