返回布尔值 对象方法: play():播放 pause():暂停 load():重新加载 !DOCTYPE HTMLht
pause:是否暂停,返回布尔值
东西要领:
play():播放
pause():暂停
load():从头加载
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta 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>播放</button> <button>从头播放</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>
原生js控制audio标签播放、暂停、从头加载
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31655.html