<!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標簽