video在pc端表现良好,但是放到移动端就遇见了很多坑。这里记录个华为平板中微信浏览器中遇见的问题
1、每次加载视频都会触发video的onerror事件,但是没有错误信息,也没有错误code
2、视频资源无法加载,一直pending
调试微信内网页技巧
1.手机用 usb 连接至电脑,连接方式选择传输文件
2.手机微信内点击 debugxweb.qq.com/?inspector=… (只要跳转过微信首页就是开启了调试)
3.微信内打开所需调试网址
4.chrome 浏览器打开
chrome://inspect/#devices
5.在点击 chrome 里的 inspect 直接调试
将需要调试的网址连接到chrome后发现控制台报错,这个错误只需要给video加个poster就OK了,至此视频报错的问题解决了
然后就是视频一直加载不播放,发现是资源一直pending,这个chrome了一圈最后快下班了发现一篇文正说是https协议的关系,换成http就可以了