搜索

首页  >  问答  >  正文

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

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

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

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

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

大家讲道理大家讲道理2781 天前863

全部回复(4)我来回复

  • 阿神

    阿神2017-04-17 11:48:42

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

    回复
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:48:42

    请问你现在解决了吗

    回复
    0
  • 怪我咯

    怪我咯2017-04-17 11:48:42

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

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:48:42

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

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

    回复
    0
  • 取消回复