html audio点击图片播放,html5 audio在微信中需要先点击播放然后才能用.play().pause()控制为什么呢?...

下面代码是想实现在微信中页面滑动到特定的范围播放特定的音频

目前遇到的问题是页面滑动音频不播放,但是只要先每个音频点击一下播放再暂停以后就可以滑动播放了,请问这是为什么呢?是哪块代码写的不稳妥吗?

function autoPlayAudio1() {

wx.config({

// 配置信息, 即使不正确也能使用 wx.ready

debug: false

, appId: ''

, timestamp: 1

, nonceStr: ''

, signature: ''

, jsApiList: []

});

wx.ready(function () {

var mp3 = document.getElementById('bgmusic')

, a1 = document.getElementById('a1')

, a2 = document.getElementById('a2');

//a1.play();

console.log('ok')

$(window).scroll(function () {

var x = $('.audio2').offset().top - $(window).scrollTop();

console.log(x)

if (x < 4500 && x > 4000) {

a1.play();

a2.pause();

}

else if (x < 4000 && x > 3500) {

a2.play();

a1.pause();

}

});

});

}

autoPlayAudio1();