音乐自动播放，播放暂停。 微信自动播放

html

<p onclick="play()" id="audioBtn"></p> <audio src="music1.mp3" id="indexaudio" autoplay="autoplay" loop="loop"></audio> autoplay加载完自动播放 loop播放完重新播放

js

function play() { var audio = document.getElementById('indexaudio'); if(audio.paused) { audio.play(); //audio.play();// 这个就是播放 //$("#btn").addClass("active") alert('播放') } else { audio.pause(); // 这个就是暂停 //$("#btn").removeClass("active") alert('暂停') } }

解决微信自动播放效果

function autoPlayMusic() { // 自动播放音乐效果，解决浏览器或者APP自动播放问题 function musicInBrowserHandler() { play(true); document.body.removeEventListener('touchstart', musicInBrowserHandler); } document.body.addEventListener('touchstart', musicInBrowserHandler); // 自动播放音乐效果，解决微信自动播放问题 function musicInWeixinHandler() { play(true); document.addEventListener("WeixinJSBridgeReady", function() { musicPlay(true); }, false); document.removeEventListener('DOMContentLoaded', musicInWeixinHandler); } document.addEventListener('DOMContentLoaded', musicInWeixinHandler); }