html5 隐藏video控件的下载按钮

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/InnovationAD/article/details/79830689

大家在写html video控件播放视频功能的时候，总是遇到既要显示播放按钮 又不想出现下载按钮

controls 是video里面的属性 但是他不能满足上面的要求 因为加上这个属性后 全部的按钮都去掉了，包括了播放按钮。

其实要做到这种效果也是很简单的只要加上一些style样式就可以了：

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

直接复制就可以使用