html

   <p onclick="play()" ></p>
  <audio src="music1.mp3" ></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);
 }

相关文章:

  • 2022-02-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-08
  • 2021-12-25
猜你喜欢
  • 2021-09-10
  • 2022-12-23
  • 2022-01-01
  • 2022-12-23
  • 2021-11-14
  • 2021-12-03
相关资源
相似解决方案