zoukankan      html  css  js  c++  java
  • 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。
  • 相关阅读:
    洛谷单元最短路标准版——spfa优化
    airline
    有依赖的背包
    挖地雷
    带分数问题
    子集和问题
    循环比赛日程表
    传纸条
    机器分配
    分组背包
  • 原文地址:https://www.cnblogs.com/zonglonglong/p/4103741.html
Copyright © 2011-2022 走看看