微信端视频播放防被浏览器劫持

微信浏览器的坑，包括移动的浏览器都有可能自动拦截。

设置属性：

        <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);
  }

记录之前研究的，真机测试好像没有完美解决。浏览器的坑，目前是否排除，近期未跟踪研究。记录下。