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

html


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);
}

posted @ 2017-12-27 11:58  随风行走  阅读(1485)  评论(0)    收藏  举报