浏览器兼容之video内部构造

打开浏览器F12，点击图示按钮可以看到video内部dom

 

 qq浏览器会自带暂停按钮，改css

*::-webkit-media-controls-overlay-play-button {
    display: none!important;
    -webkit-appearance: none;
  }

 下列只能阻止qq浏览器，chrome和火狐需要增加延迟时间，否则自定义按钮会闪，就不管了

video.addEventListener('click', function () {
                          setTimeout(() => { // 阻止默认点击事件
                            video.pause()
                          }, 100)
                        })