Fork me on GitHub
首页 > 网页代码 > jQuery播放mp3无需开启flash

jQuery播放mp3无需开启flash

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


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <title>演示:jquery播放mp3无需开启flash</title>
        <script src="jquery.js" type="text/javascript"></script>
        <script>
            function playMusic() {
                var player = $("#player")[0]; /*jquery对象转换成js对象*/
                player.play(); /*播放*/
                //                                if (player.paused) { /*如果已经暂停*/
                //                                    player.play(); /*播放*/
                //                                } else {
                //                                    player.pause();/*暂停*/
                //                                }
            }
            function stopMusic() {
                var player = $("#player")[0]; /*jquery对象转换成js对象*/
                player.pause();/*暂停*/
            }
        </script>
    </head> 
    <body> 
        <div style="margin:0 0 10px 0">
            <button onclick="playMusic()">播放</button>
            <button onclick="stopMusic()">暂停</button>
        </div>

        <audio id="player" controls="controls" style="display: none">
            <source src="sucaihuo.mp3"/>
        </audio>
    </body>
</html>

演示图:

 
-----------------------------分享另外一个MP3代码播放---------------------------------

下面这个代码放在任意网页 任意地址均可播放 
<audio src="/music.mp3" autoplay="true" loop></audio>

-----------------------------这个是视频分享网页代码 ---------------------------------
<video width="100%" height="100%" controls="controls" autoplay="autoplay">
  <source src="/vp3/baolaiwu2.mp4" type="video/mp4" />
</video>





Fork me on GitHub

上一篇: html5 canvas线条指针圆盘时钟代码

下一篇: 网站关闭提示页面

Title - Artist
0:00