首页 > Web开发 > 详细

html播放音乐

时间:2019-03-28 22:07:08      阅读:176      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音乐播放</title>
</head>
<body>
<h1>音乐播放</h1>
<p>测试下<a href="http://www.baidu.com">百度</a></p>
<p id="demo">地址</p>
<input id="btn" type="button" onclick="playmp3()" value="开始"/>
<audio id="audio1" controls="controls">
    <!--    <source src="富士山下.mp3" type="audio/ogg">-->
    <source src="夜曲.mp3" type="audio/ogg">
    Your browser does not support the audio tag.
</audio>
</body>
</html>
<script>
    var audio = document.getElementById(audio1);
    var btn1 = document.getElementById(btn);
    playmp3 = function () {

        if (audio !== null) {
            //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
            // alert(audio.paused);
            if (audio.paused) {
                btn1.value = "暂停";
                audio.play();//audio.play();// 这个就是播放

            } else {
                btn1.value = "开始";
                audio.pause();// 这个就是暂停
            }
        }
    }

</script>

IE8 以下版本不支持audio标签

html播放音乐

原文:https://www.cnblogs.com/yangxuming/p/10617790.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!