H5 video在IOS微信上无法自动播放

JavaScript017

H5 video在IOS微信上无法自动播放,第1张

一、ios上无法自动播放(autoplay 是失效的)原因:

移动端为了避免浪费用户的流量,默认video是不能够自动播放的,即使加了autoplay属性,也只能实现在PC端自动播放,在移动端依旧不能自动播放。

二、网上探索解决办法:

方法1、网上好多帖子的解决办法是监听微信的WeixinJSBridgeReady

但是我用了后还是没就解决,还是没有自己播放。此方法行不通。

2、利用微信js解决。

首先需要引入

然后

最后,try it ! 竟然成功了,进入页面视频自动播放了,哦耶!此方法可行!

方法二:

引入微信jssdk,<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

此方法也可行!

ios在微信浏览器使用,从A页面进入,然后授权登录后(重定向后进入)。进入到B页面将B页面分享出去。分享出去的B页面打开显示为A页面。

安卓客户端一切正常。

首先ios和安卓在配置微信js-sdk的config时候就有所不同。

IOS:微信IOS版,每次切换路由,SPA的url是不会变的,发起签名请求的url参数必须是当前页面的url就是最初进入页面时的url

Android:微信安卓版,每次切换路由,SPA的url是会变的,发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)

微信开发文档

如有错误。 欢迎您指正!!