关于vue项目h5在ios(苹果手机)不支持自动播放的解决方法
程序员文章站
2024-03-15 23:09:18
...
1 找到解决办法的地方
https://segmentfault.com/q/1010000012624104
2 H5页面屏闭音频的原因
https://www.h5anli.com/articles/201701/bgmusicarticle.html
以上是解决参考
1、创建一个vue项目,使用weixin-js-sdk插件,在当前vue页面
import Vue from "vue"; import wx from "weixin-js-sdk"; Vue.use(wx);
this.$get(
"服务地址xxxxxxxx",
data,
res => {
wx.config({
appId: res.appId,
timestamp: res.timestamp,
nonceStr: res.nonceStr,
signature: res.signature,
jsApiList: [
"onMenuShareTimeline", //分享给好友
"onMenuShareAppMessage", //分享到朋友圈
"onMenuShareQQ", //分享到QQ
"onMenuShareWeibo" //分享到微博
]
});
wx.ready(function(e) {
//// 重点在这里
document.getElementById('audio').play();
var shareData = {
title: "分享显示title,
desc: "分享显示介绍",
link: data.url,
imgUrl:
"" //分享时候的图片
};
wx.onMenuShareAppMessage(shareData);
wx.onMenuShareTimeline(shareData);
wx.onMenuShareQQ(shareData);
wx.onMenuShareWeibo(shareData);
});
},
error => {
console.log(error);
}
);
下一篇: H5移动端开发遇见的东西