音频的点击播放与暂停

Posted MrWang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了音频的点击播放与暂停相关的知识,希望对你有一定的参考价值。

html代码:

#play 的样式自己去写,这里就不贴代码了

<audio src="xxx.mp3" autoplay loop id="bgMusic"></audio>

<div class="play" id="play"></div>

js代码:

 1 //需要jquery
 2 var audio =$("#bgMusic");
 3 
 4 //自动播放
 5 audio.play();
 6 
 7  $("#play").toggle(
 8   function () {
 9     audio.pause();
10   },
11   function () {
12     audio.play();
13   }
14 );

 

以上是关于音频的点击播放与暂停的主要内容,如果未能解决你的问题,请参考以下文章

如何在点击时动态加载/播放/暂停多源 HTML5 音频?

如何从开始播放音频播放器?

播放/暂停所有音频链接的通用功能

如何在点击时暂停音乐?

在 HTML 音频播放器中切换播放/暂停按钮

使用播放/暂停/停止按钮控制 Flash 视频的声音