手机移动端浏览器 HTML 音乐不能自动播放的三种方法

第一种:添加控制属性(controls)

<audio autoplay="autopaly" loop="loop" controls="controls" id="audios">
    <source src="music/bg.mp3" type="audio/mp3" />
</audio>

第二种:自定义Func实现交互触发play()

	  var music = document.getElementById('video');
	  var state = 0;
      document.addEventListener('touchstart', function(){
         
          if(state==0){
             
              music.play();        
              state=1;    
          }
      }, false);
      document.addEventListener("WeixinJSBridgeReady", function () {
         
          music.play();
      }, false);
      //循环播放
      music.onended = function () {
         
          music.load();    
          music.play();
      }

你可能感兴趣的:(JavaScript,手机浏览器,移动端,音乐,自动)