html5 背景音乐 js控制播放 暂停 

<html>
    <head>
        <title>
            测试页面
        </title>
        <script src="jquery.min.js"></script><!--没有试用jquery,没有用,我用的是getElementById-->
    </head>
    <body>
        <script type="text/javascript"></script>
        <audio src="123.mp3" controls="controls" id="music1" autoplay>
        </audio>
        <input type="button" value="咳咳" onclick="bofang()">
        <script>
            function bofang(){
                var audio = document.getElementById('music1');
                if(audio!==null){//判断是否获得
                    if(audio.paused){//获得播放状态,这个属性应该是是否是暂停状态,如果是就播放,如果不是暂停就暂停
                        audio.play();
                    }else{
                        audio.pause();
                    }
                }
            }
        </script>
    </body>
</html>

audio标签的属性解释

autoplay属性名 autoplay值 如果出现该属性，则音频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
loop loop 如果出现该属性，则每当音频结束时重新开始播放。
preload preload

如果出现该属性，则音频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。
src url 要播放的音频的 URL。
posted @ 2014-11-17 15:50  西瓜霜  阅读(4149)  评论(0)  编辑  收藏  举报