需求：客户的要求是这样

image.png

直接用vedio标签，默认样式如下：

image.png

可以看到有一些丑丑陋陋的自带样式

解决办法，在样式中加入以下代码：

        video::-webkit-media-controls-fullscreen-button {
            display: none;
        }
        
        video::-webkit-media-controls-play-button {
            display: none;
        }
        
        video::-webkit-media-controls-timeline {
            display: none;
        }
        
        video::-webkit-media-controls-current-time-display {
            display: none;
        }
        
        video::-webkit-media-controls-time-remaining-display {
            display: none;
        }
        
        video::-webkit-media-controls-mute-button {
            display: none;
        }
        
        video::-webkit-media-controls-toggle-closed-captions-button {
            display: none;
        }
        
        video::-webkit-media-controls-volume-slider {
            display: none;
        }

修改后,下面的按钮已然不见

image.png