微信H5 ios安卓自动播放视频音频
mounted (){const vm = thisif (window.WeixinJSBridge) {vm.mediaPlay()} else {document.addEventListener('WeixinJSBridgeReady', function(){vm.mediaPlay()}, false)}},methods: {mediaPla.
·
方法1.微信WeixinJSBridgeReady
mounted () {
const vm = this
if (window.WeixinJSBridge) {
vm.mediaPlay()
} else {
document.addEventListener('WeixinJSBridgeReady', function(){
vm.mediaPlay()
}, false)
}
},
methods: {
mediaPlay () { // 根据需要play,audio和video一般不会同时播放
const video = document.querySelector('video')
video.addEventListener('ended', this.videoEnd) // 视频播放结束之后进行后续操作
video.volumn = 0.5
const audio = document.querySelector('audio')
audio.volumn = 0.5
WeixinJSBridge.invoke('getNetworkType', {}, function () {
video.play()
audio.play()
})
}
}
ios和大部分安卓机可以自动播放视频,小部分安卓机不允许自动播放,只能添加controls,让用户触发
方法2.微信sdk
这个方法比较麻烦,需要后端接口
接入请参考vue微信H5自定义分享兼容ios、PC、安卓_m0_37378152的博客-CSDN博客
wx.ready(() => {
video.play()
audio.play()
})
更多推荐
已为社区贡献3条内容
所有评论(0)