jQuery播放mp3无需开启flash

jQuery播放和暂停mp3音乐最简单代码，js播放网页背景音乐或者动作声效比如掷骰子，html5 audio音频标签无须开启flash完成声效或者音乐代码

分类：html5 > 音频难易：入门级

查看演示下载资源下载积分： 20 积分

播放和暂停按钮

<button onclick="playMusic()">播放</button>
<button onclick="stopMusic()">暂停</button>

html5 audio 标签，可通过 style='display:none'，隐藏播放器

<audio id="player" controls="controls" >
    <source src="sucaihuo.mp3"/>
</audio>

播放暂停js控制代码,通过返回值true or false 来判断是否播放或暂停

function playMusic() {
                var player = $("#player")[0]; /*jquery对象转换成js对象*/
                player.play(); /*播放*/
                //                                if (player.paused) { /*如果已经暂停*/
                //                                    player.play(); /*播放*/
                //                                } else {
                //                                    player.pause();/*暂停*/
                //                                }
}

参数	描述	默认值
autoplay	如果出现该属性，则音频在就绪后马上播放。	autoplay
controls	如果出现该属性，则向用户显示控件，比如播放按钮。	controls
loop	如果出现该属性，则每当音频结束时重新开始播放。	loop
preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用	preload
src	要播放的音频的 URL。	url地址