首頁  >  問答  >  主體

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

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

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

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

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

大家讲道理大家讲道理2741 天前825

全部回覆(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
  • 取消回覆