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)
特此记录 - 如果有更好的方法,欢迎分享~