html背景音乐停止按钮显示,JS 一个按钮控制网页背景音乐的开始暂停

满意答案

//播放器控制

var audio = document.getElementById('mp3Btn');

$('.audio_div').click(function(){

//防止冒泡

event.stopPropagation();

if(audio.paused) //如果当前是暂停状态

{

$('.audio_div').css("background","url(播放状态按钮) no-repeat center bottom");

$('.audio_div').css("background-size","cover");

audio.play();//播放

return;

}

//当前是播放状态

$('.audio_div').css("background","url(暂停状态按钮) no-repeat center bottom");

$('.audio_div').css("background-size","cover");

audio.pause(); //暂停

});

追问： 没有反应啊 ，只有歌曲单曲循环。 没有控制的按钮。

追答： audio_div里的图片就是控制按钮啊，

00分享举报