项目需要简单的播放一下视频,所有没有用什么插件,仅仅用video标签播放即可,但是做好之后,产品需要把下载功能给去掉,看video的属性没有看到哪里有去掉下载按钮的功能,最后通过文章找到了。
1、
video::-webkit-media-controls-enclosure
{overflow:hidden;}video::-webkit-media-controls-panel
{width: calc(100%
+ 30px);}
2、
controlslist=”nodownload” 去掉下载按钮
controlslist=”nofullscreen“ 去掉全部,只显示播放进度
<video id="videos" src="https://XXXXXXX.mp4" controls="controls" autoplay loop="true" muted width="100%" height="40%"></video>