微信中苹果手机无法自动加载音乐的问题

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title></title>
</head>
<body>
<audio id="bgmusic" src="http://................mp3" autoplay preload loop controls></audio>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
// 方法1
// 通过config接口注入权限验证配置后, 在 ready 中 play 一下 audio
function autoPlayAudio1() {
wx.config({
// 配置信息, 即使不正确也能使用 wx.ready
debug: false,
appId: '',
timestamp: 1,
nonceStr: '',
signature: '',
jsApiList: []
});
wx.ready(function() {
document.getElementById('bgmusic').play();
});
}
// 方法2
function autoPlayAudio2() {
window.onload = function() {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
document.getElementById('bgmusic').play();
});
};
}
autoPlayAudio1(); // 推荐使用方法1
//autoPlayAudio2(); // 也可以试一试方法2
</script>
</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,378评论 2 17
  • 转载自:http://blog.163.com/hks_blog/blog/static/214926090201...
    sarry阅读 9,489评论 0 0
  • 久违的新文章发布。。我的锅这篇文章是在写的太长,可以慢慢看一下,伪代码,毕竟简书上面,望大家见谅!!!先看官方文档...
    wyatt_plus阅读 5,546评论 0 2
  • 许久不见,不知岁月长袭可安好?月有余,不见消息,小生之错。夜无眠,不栖,思来想去,遂写信一封。学古人之文,寄歉意三...
    凉皮君啊阅读 1,651评论 0 1
  • 有一只鲸鱼。 请再一次原谅我用了“有一”这两个字来开头,但确实是有一只鲸鱼,这只鲸鱼比别的鲸鱼要白一些,所以就让我...
    TiKeeSi阅读 3,493评论 0 2