audio不僅是一個標簽，也是window下的一個對象，作為對象，具有一些對象屬性和對象方法：
對象屬性：
currentTime：獲取當前播放時間
duration：獲取歌曲的總時間
pause：是否暫停，返回布爾值
對象方法：
play()：播放
pause()：暫停
load()：重新加載
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>audio播放暫停重新播放</title>
</head>
<body>
<audio
src="https://ip-h5-nf01-sycdn.kuwo.cn/08fc62da0d838431d2c6135ddd66c5ae/5e1bdce5/resource/n2/97/38/2347707388.mp3"
controls preload id="music1">
</audio>
<button id="bf" onclick="bf();">播放</button>
<button onclick="rbf();">重新播放</button>
<script>
function rbf() {
var audio = document.getElementById('music1');
var bf=document.getElementById("bf");
audio.currentTime = 0;
audio.play();
bf.innerText="暫停";
}
function bf() {
var audio = document.getElementById('music1');
var bf=document.getElementById("bf");
if (audio !== null) {
if (audio.paused) {
audio.play(); //audio.play();// 這個就是播放
bf.innerText="暫停";
} else {
audio.pause(); // 這個就是暫停
bf.innerText="播放";
}
}
}
</script>
</body>
</html>