微信端视频播放时防止被浏览器劫持的问题

微信端视频播放时防止被浏览器劫持的问题：

参见：

腾讯的移动浏览器劫持 <Video> 换成它自己的播放器还插广告： https://www.v2ex.com/t/411564

video标签在微信内置浏览器和QQ浏览器（手机端）的怪异现象？https://www.zhihu.com/question/27472010
--------------------- 
 

代码：

 <video id="mainvideo"  src="static/video/Mate10.mp4" autoplay  width="100%"
                   x5-playsinline="" webkit-playsinline="" preload="auto"></video>

 CSS：

video{
    width: 100%;
  }
  video::-webkit-media-controls-fullscreen-button {
    display: none;
  }
  video::-webkit-media-controls-play-button {
    background: red;
  }
  video::-webkit-media-controls-play-button {display: none}
  video::-webkit-media-controls-timeline {display: none}
  video::-webkit-media-controls-current-time-display{}
  video::-webkit-media-controls-time-remaining-display {}
  video::-webkit-media-controls-time-remaining-display {}
  video::-webkit-media-controls-mute-button {}
  video::-webkit-media-controls-toggle-closed-captions-button {}
  video::-webkit-media-controls-volume-slider {}
  video::-internal-media-controls-download-button {
    display:none;
  }
  video::-webkit-media-controls-enclosure {
    overflow:hidden;
  }
  video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
  }

来源：https://blog.csdn.net/milli236/