audio 标签 MP3播放暂停/播放

最新推荐文章于 2024-07-10 10:29:23 发布

原创最新推荐文章于 2024-07-10 10:29:23 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了一个简单的网页音频播放/暂停按钮实现方案。通过HTML与JavaScript结合使用，实现了点击按钮即可控制音频播放或暂停的功能，并且音频文件能够循环播放。

<input type="button" id="id"   onclick="play();" value="播放/暂停"/>


<audio src="mp3 url" id="yourid"   controls="controls" loop="loop"> </audio>

<script>

            function play(){
              var audio = document.getElementById('yourid');
              if(audio!==null){             
                if(audio.paused)                     {
                  audio.play();//播放
                }else{
                  audio.pause();//暂停
                }
              }
            }

</script>