IOS 微信端 视频自动播放问题解决方法
问题描述:由于浏览器限制,视频不能够自动播放,需要用户手势触发才可以。
解决方法:通过微信浏览器提供的WeixinJSBridgeReady做桥接后就可以绕过这一限制。
上面链接中的操作比较繁琐,在此给出简化版本(亲测可用):
function doPlay(){
WeixinJSBridge.invoke(‘getNetworkType’, {}, function (e) {
var $video1 = $(“#video1”)
var $video2 = $(“#video2”)
$video1[0].play()
$video2[0].play()
})
}
if (window.WeixinJSBridge) {
doPlay()
} else {
document.addEventListener(“WeixinJSBridgeReady”, function(){
doPlay()
}, false);
}
需要注意的是,监听WeixinJSBridgeReady事件后,回调函数里需要调用一下invoke,在invoke中操作视频才可以生效。
另外,页面不需要引入jweixin-1.0.0.js,微信浏览器会自带api。