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

浏览数：34 / 时间：2015年06月09日

<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。