解决苹果手机不支持音乐自动播放

<audio id="music" class="media-audio" src="http://game.163.com/weixin/gfxm3_gc/images/bg.mp3" preload loop="loop"></audio >
<img src="images/logo.png" id="logo">
function audioAutoPlay(id){
var audio = document.getElementById(id);
var i = document.getElementById("logo");
play = function(){
audio.play();
i.removeEventListener("touchstart",play, false);
};
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {//微信
play();
}, false);
document.addEventListener('YixinJSBridgeReady', function() {//易信
play();
}, false);
document.addEventListener("touchstart",play, false);
}
audioAutoPlay('music');
$cover = $('#logo')
isPlay = false;
$(function () {
$cover.addClass("cover-play")
$cover.bind("click", function () {
if (isPlay == false) {
iplay();
} else {
nplay();
}
})
})
// 播放
function iplay() {
$cover.addClass('cover-play');
music.play();
isPlay = true;
}

// 暂停
function nplay() {
$cover.removeClass('cover-play');
music.pause();
isPlay = false;
}
 

posted on 2017-10-26 17:20  小影子棒棒哒  阅读(1180)  评论(0编辑  收藏  举报

导航