h5移动端如何屏蔽原生video样式

背景

最近准备开发h5移动端互动视频播放器，结果原生样式无论如何都去不掉。

解决

    //css 浏览器中加这个就OK，但是移动端不行
    
    video::-webkit-media-controls {
            display: none !important
    }
    //video 移动端需加 适配各个内核
     playsinline="true"
     webkit-playsinline="true"
     x5-playsinline="true"
     meidatype="video"
     x5-video-player="true"

小结

播放器屏蔽掉原生后可以开始开发核心了，使用mediaSource来播放内容。