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分享举报

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

js实现在页面实时显示时间，一个按钮控制时间暂停和开始
js实现在html实时显示时间,一个按钮控制时间暂停和开始.代码如下: <head><meta charset="UTF-8"><title>& ...
html背景音乐播放与暂停,js控制网页背景音乐播放与停止的方法
本文实例讲述了js控制网页背景音乐播放与停止的方法.分享给大家供大家参考.具体实现方法如下: js控制背景音乐bgsound的方法(开始与停止) var bg_sound=document.creat ...
flash一个按钮控制动画_PLC三组灯用一个按钮控制
今天作一个PLC小练习用一个按钮控制三组或三个灯,以达到控制灯的亮度,由PLC组成一个控制器,每按一次按钮增加一组灯亮,三组灯全亮后,每按一次按钮,灭一组灯(为了使每组灯亮的时间尽量相等,要求先亮的 ...
一个按钮控制灯的开关
一个按钮控制灯的开关可以通过Simulator进行模拟展示
element-ui NavMenu 导航菜单通过一个按钮控制
element -ui 里导航菜单是通过两个按钮控制的,但实际开发中很多情况是通过一个按钮来toggle,而且有一个坑就是elemnt ui NavMenu的el-radio-butto 不是clic ...
js一个按钮弹出两个按钮_没有电位器，用两个按钮可以实现变频器调速吗？
若你我之间有缘,关注作者又何妨? 两情若是久长时,又岂在朝朝暮暮. 大家好!我是江郎,一个勤奋好学的维修工. 江郎是做数控维修的,会和各种各样的电器元件打交道,所以,需要多多积累各种知识,发文也不会局 ...
flash一个按钮控制动画_flutter闪屏过渡动画，闪光占位动画
在程序设计的理念中,讲究一切都来源于物理世界,在现实世界中,人们在每接触到一个新的事物或者说在手指触碰到一个事物时,总是心里默许期望有一个反馈效果,这就是来源于心底深处常常被人忽略的一个潜在期望. 在 ...
html背景音乐bgsound,js控制网页背景音乐播放停止(bgsound)
/p> Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
js一个按钮弹出两个按钮_车内常见按钮，你却一个不认识？一分钟带你认识车内常见按钮...
导读:车内常见按钮,你却一个不认识?一分钟带你认识车内常见按钮各位点开这篇文章的朋友们,想必都是很高的颜值吧,我们真的是很有缘哦,小编每天都会给大家带来不一样的汽车资讯,如果对小编的文章或者其他的什 ...

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

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

最新文章

热门文章