在微信中，ios手机下面音乐被自动禁掉无法自动播放，我们可以执行触发body上的元素，自动进行播放。
//音乐var x = document.getElementById("myAudio");var at=$("#myAudio")var audobtn=true;function playAudio(at){var faf=at[0];faf.play();//播放$(".audio-btn").addClass("move1");}var autopa=true; $("body").on("click",function(){if(autopa){playAudio(at);autopa=false;}})$(".audio-btn").on("click",function(){if(audobtn){$(".audio-btn").removeClass("move1");x.pause();audobtn=false; }else{$(".audio-btn").addClass("move1");x.play(); audobtn=true;}})
需要引入jq以及微信的js <script src="./jquery-1.7.2.min.js" type="text/javascript"></script> <script src="./jweixin-1.0.0.js"></script> <script>function autoPlayMusic() {// 自动播放音乐效果，解决浏览器或者APP自动播放问题 function musicInBrowserHandler() {musicPlay(true);document.body.removeEventListener('touchstart', musicInBrowserHandler);}document.body.addEventListener('touchstart', musicInBrowserHandler);// 自动播放音乐效果，解决微信自动播放问题 function musicInWeixinHandler() {musicPlay(true);document.addEventListener("WeixinJSBridgeReady", function () {musicPlay(true);}, false);document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);}document.addEventListener('DOMContentLoaded', musicInWeixinHandler);}function musicPlay(isPlay) {var audio = document.getElementById('audio2');if (isPlay && audio.paused) {audio.play();}if (!isPlay && !audio.paused) {audio.pause();}};autoPlayMusic();// 关闭音乐 $('.music-pic').click(function () {if($('.music-pic').hasClass('close')){document.getElementById("audio2").muted=false;$('.music-pic').removeClass('close');}else {$('.music-pic').addClass('close');document.getElementById("audio2").muted=true;} });
)
)
