h5安卓和苹果自动播放音乐代码

高然然----IT农名工

于 2020-04-03 10:42:17 发布

阅读量478

点赞数

本文链接：https://blog.youkuaiyun.com/youtasa/article/details/105287810

版权

本文介绍了一种使用JavaScript实现网页音频自动播放的方法，通过监听页面加载和触屏事件来控制音频播放，同时展示了如何使用WeixinJSBridge在微信环境中播放音频。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.addEventListener('DOMContentLoaded', function () {
          function audioAutoPlay() {
              var audio = document.getElementById('audio');
                  audio.play();
              document.addEventListener("WeixinJSBridgeReady",function(){WeixinJSBridge.invoke('getNetworkType',{}, function(e){document.getElementById('audio').play()})},false);
          }
          audioAutoPlay();
      });
        $('html,body').one('touchstart',function(){
          audio.play();
        });
        $("#audioPlay").on('click',function(){
        if(audio.paused){
            audio.play();
            $("#audioPlay").addClass('rotate');
        }else{
            audio.pause();
            $("#audioPlay").removeClass('rotate');
        }
    });