解决iOS h5 audio自动播放（亲测有效）

微信H5页面，实现audio自动播放：

function initMusic() {//动态创建一个audio节点var audio = document.createElement('audio');audio.setAttribute('id', 'audio');audio.setAttribute('autoplay', 'autoplay');audio.setAttribute('loop', 'loop');audio.innerHTML = '<source src="configs/play.mp3" type="audio/mpeg">';//将audio节点追加到domdocument.body.appendChild(audio);audio.load();//iOS Safari可能是出于防止骚扰用户的考虑，首次非用户触发的play不会生效audio.play();audio.pause();document.addEventListener("WeixinJSBridgeReady", function () {//微信H5环境，监听WeixinJSBridgeReady事件，再次进行play//亲测iOS 微信H5页面能够自动播放document.getElementById('audio').play();}, false);
}window.onload = function() {//初始化一段音乐，并直接进行播放initMusic();
};

解决iOS h5 audio自动播放（亲测有效）相关推荐

解决H5 audio自动播放无效问题（应用于一切环境的一切浏览器）
通过查询多个文档改了很多的script但是还是没有用的,以下方法暴力简单这个办法需要用户点击了页面才会自动播放音乐. <audio id="bgmusic" src=&qu ...
audio自动播放遇到的问题
audio自动播放遇到的问题 ios限制了自动播放视频.自动播放音频,必须有用户行为才可以播放像背景音乐可以这样添加事件监听,在页面初始化后就可以自动播放 <script src=" ...
H5 自动播放背景音频，兼容安卓和苹果手机， ios createInnerAudioContext 无法自动播放解决
原因应该是IOS不允许自动播放音频,有两种解决方法在main.js Vue.prototype.innerAudioContext = uni.createInnerAudioContext(); ...
解决新版Chrome拦截自动播放（Google浏览器不支持audio自动播放问题）
Google浏览器不支持audio自动播放声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在20 ...
uni.createInnerAudioContext`在ios手机无法自动播放,可通过`jweixin-module`来解决
使用uni.createInnerAudioContext在ios手机无法自动播放,可通过jweixin-module来解决 // 安装 npm install jweixin-module --sa ...
uni-app IOS 音乐无法自动播放
uni-app IOS H5音乐无法自动播放 (前端小白有什么说得不对的,别怼太凶2333333) (一)对W3C的了解小编也是一个开发不久的前端小白,在对音乐和视频这些多媒体应用中也踩了一些坑在 ...
微信浏览器H5页面自动播放背景音乐
微信浏览器H5页面自动播放背景音乐最近遇到一个需求一个文章详情页(图文结合) 进入页面后自动播放背景音乐正常用video标签后安卓打开后是自动播放的但是ios是不支持自动播放的经过不懈努力的 ...
video 视频在 ios 中不能自动播放的问题
video 视频在 ios 中不能自动播放原因: ios 中明确的指出等待用户的交互动作后才能播放 video,也就是说没有得到用户的 action 就播放的话会被 safri 拦截解决方法: 只 ...
解决移动端音频自动播放问题
解决移动端音频自动播放问题参考文章: (1)解决移动端音频自动播放问题 (2)https://www.cnblogs.com/lcf1314/p/5867010.html 备忘一下.

解决iOS h5 audio自动播放（亲测有效）

解决iOS h5 audio自动播放（亲测有效）相关推荐

最新文章

热门文章