微信浏览器video问题

1,描述:如题,html代码如下:

<video width="100%" autoplay="autoplay" poster="images/video-bg.jpg"  x5-playsinline id="myVideo" 
    webkit-playsinline playsinline height="auto" loop style="position: absolute;">
    <source src="images/Forza14.mp4" type="video/mp4"></source>
    当前浏览器不支持 video直接播放
    </video>

在pc端,chrome 60 没有问题。
在微信浏览器里,不可以自动播放。
尝试设置了一个按钮:

<button onclick="document.getElementById('myVideo').play();">播放</button>

测试发现有时候可以(手动点击)播放,有时候点击了也不播放。

2,尝试过引入微信的jdk,在wx.ready中play()。
尝试过在window.onload()中play();
尝试过jq的ready。。。
都是pc有用,但是微信里的没用。

3
技术有限,只能来寻求大佬的帮助,我也会进一步去思考和解决。感谢各位大神!
如果需要更多的代码或截图等,请评论或私信,感激不尽。
22点38分更新
清除微信的缓存之后,再进去页面发现是视频解析异常。

阅读 6.7k
5 个回答

测试用格式工厂将原视频转码后(由AVC转成H.264),则微信浏览器可以播放。百度了一下,AVC几乎就是H.264,可是微信浏览器(应该还有QQ浏览器)就是不认AVC,不知道我这是个例还是通病。还有,似乎video支持的mime类型里面没有video/avi,但是格式工厂转的时候,只有转成avi格式才是H.264编码的。目前算是不完美解决,后续再寻找方法。

请问解决了吗?我也遇到同样的问题

新手上路,请多包涵

问题解决了嘛,我也遇到了同样的问题

同问 也遇到一样的问题 微信 ios
var video = document.getElementById("video");
video.play();

视频不播放

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题