HTML5页面使用audio标签播放音频

最新推荐文章于 2025-11-26 08:24:38 发布

原创

最新推荐文章于 2025-11-26 08:24:38 发布 · 986 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

H5页面播放音乐其实很简单，只需要用<audio>这个标签就行十分方便。

路径选在音乐所在位置就行了。

<audio id="bgMusic" src="js/2.mp3" autoplay preload loop="loop"></audio>

关于点击按钮音乐开启/停止播放的效果做了个简单的例子

<a class="play" id="audioBtn" style="cursor:pointer;" οnclick="autoPlay()"></a>

 <audio id="bgMusic" src="js/2.mp3" autoplay preload loop="loop"></audio>

 css.pause {

             height: 50px;

             background: url(images/musicbtn.png) no-repeat;

             display: block;

             background-position: 0 bottom;

         }

   

         .play {

             height: 50px;

  &