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>