知识学堂 > 课程 > jquery 播放MP3(audio标签)

jquery 播放MP3(audio标签)

发布日期:2020/12/4 来源:聚恒【返回】

解决网页自动、循环播放,移动端不播放的问题

html

<audio id="mp3Btn"  ><source src="1.mp3" type="audio/mpeg" /></audio>

<script type="text/javascript">
      $(function () {
          var music = document.getElementById("mp3Btn");
          if (window.WeixinJSBridge) {
              WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                  music.play();
                  music.loop = true;
              }, false);
          } else {
              document.addEventListener('WeixinJSBridgeReady', function () {
                  WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                      music.play();
                      music.loop = true;
                  });
              }, false);
          }
      })
</script> 

点击后切换音乐写法一样