H5-audio移动端无法自动播放 - 记录

audio标签中自动播放属性

autoplay 当音频加载完毕时，自动播放相关音频

关于Javascript控制音频播放

play() - 播放
pause() - 暂停
load() - 重新加载

移动端无法自动播放的原因

android ios 内部原因 为了节省流量，规定不自动播放音频视频。

可以采用的解决方法

一、创建页面监听，等待页面加载完毕 触发音频播放（微信端）

    document.addEventListener('WeixinJSBridgeReady', function() {
     
        document.getElementById('audios').play()
    })

二、创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放

	document.addEventListener('touchstart', function() {
     
	    document.getElementById('audios').play()
	})

三、监听页面加载，等待页面加载完毕，触发播放

	document.addEventListener('DOMContentLoaded', function() {
     
	   document.getElementById('audios').play()
	}, false)

特此记录 - 如果有更好的方法，欢迎分享~