码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-11-17 17:10:40      阅读:1164      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   ar   使用   sp   java   

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

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

标签:style   blog   http   io   color   ar   使用   sp   java   

原文地址:http://www.cnblogs.com/zonglonglong/p/4103741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!