js控制H5 audio音频的播放暂停

来源:博客园 分类: 文章浏览史 发布时间:2020-11-26 16:21:06 最后更新:2020-11-26 浏览:646
转载声明:
本文为摘录自“博客园”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-11-26 16:21:06

<body>
<audio src="b.mp3" controls="controls" preload id="music" hidden>
</audio>
<span onclick="control();">播放/暂停</span>
<span onclick="repeat();">重播</span>
<script>
function repeat(){
var audio = document.getElementById('music');
audio.currentTime = 0;//重新播放
}
function control(){
var audio = document.getElementById('music');
if(audio!==null){
if(audio.paused){
audio.play();// 播放
}else{
audio.pause();// 暂停
}
}
}

</script>
</body>

php技术微信