0
点赞
收藏
分享

微信扫一扫

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。

破罐子互摔

举报

相关推荐

0 条评论