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