头像

jQuery播放mp3无需开启flash

来源:/js/3966 素材火管理员 2018-10-04 09:08浏览(81) 收藏

jQuery播放和暂停mp3音乐最简单代码,js播放网页背景音乐或者动作声效比如掷骰子,html5 audio音频标签无须开启flash完成声效或者音乐代码
jQuery播放mp3无需开启flash
分类:html5 > 音频 难易:入门级

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ3401083589直接充值

查看演示 下载资源: 2

手机扫码访问:

下载资源 下载积分: 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地址
标签: 音乐mp3播放
最新交易
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3401083589

  • 头像 沙发
    10-09 09:38
    舒***畅
    这个比较简单实用的。
1 2
博聚网