html播放音乐

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">
    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标签

转载于:https://www.cnblogs.com/yangxuming/p/10617790.html

你可能感兴趣的:(html播放音乐)