html5 - 微信内置浏览器中无法控制video标签的行为

Question

要在微信中访问页面，页面上的video元素不需要浏览器自带的播放控件，同时需要自己写一个按钮控制视频的静音切换

在chrome手机模拟器，手机版chrome中都没有任何问题，但是页面在微信中打开，出现了播放暂停按钮，进度条，全屏等等控件，这些把我自己写的声音按钮挡住了

就算我在css中把按钮移到video覆盖范围之外，但是在微信中点击它不会切换静音，它的功能是用js操作video.muted属性来切换的

SF上之前有个类似问题：http://segmentfault.com/q/1010000002998237
不过没有人给出解决办法，在一些群里面也问了这个问题，普遍回答都是这是微信X5内核的坑......还是希望有前辈能给出解决方法

Answer 1

video是大坑，安卓的video是无解，没有解决方法，当然：序列帧+音频，算是一种馊主意

Answer 2

请问你现在解决了吗

Answer 3

优酷爱奇艺等在各大流氓浏览器的白名单里面，video 不会被劫持，要是被劫持，告到他倒闭，我等小屁民只能被劫持忽悠a

Answer 4

关于浏览器自带的控制条的问题，你可以试试用CSS控制：

video::-webkit-media-controls {  
    display:none !important;
}