video标签自动播放视频

 <video 
 src="xxxx/xxx.mp4" 
 autoplay="autoplay" 
 loop="loop" 
 muted="muted" 
 controls="controls"
 controlsList="nodownload"
 height="100%" width="100%">
 </video>

autoplay 自动播放

muted 静音,如果autoplay不自动播放,添加muted会静音自动播放

controls 控制

src 视频资源

controlsList=“nodownload” 隐藏下载按钮

通过css隐藏

video::-webkit-media-controls {
    overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

参考

如何隐藏video的下载按钮

上一篇:2-6. 文本处理工具


下一篇:从PostgreSQL支持100万个连接聊起