HTML——H5微信浏览器自动播放音频

H5 <audio src="xxx.mp3" controls autoplay="autoplay"></audio>标签，在PC浏览器打开后载入音频播放器并自动播放，但在微信浏览器上都是禁止自动播放音频或视频，这个时候使用以下方法可以解决。

<head>

</head>

<body>

Window.onload = function() {

autoPlayAudio();

}

Function autoPlayAudio() {

var audioPlay = document.getElementById(“audio-player”);

Wx.config({

//配置信息，可无

});

wx.ready(function() {

audioPlay.src = “NanTianMen.mp3”;

audioPlay.play();

});

}

</script>

</body>

注意：jweixin-1.0.0.js的引用，使用vConsole调试，IOS系统可能会出现找不到变量:wx异常，这个时候可以直接把整个jweixin-1.0.0.js复制到你的JS中，就可以解决。

HTML——H5微信浏览器自动播放音频相关推荐

通过howler.js实现在Android下的微信浏览器自动播放音频
howler.js是一个把webaudio进行封装的一个js库,通过它可以轻松的对音频文件进行控制播放.暂停.甚至指定播放音频中的某个片段.以及加快等等,这里我们只关注它在微信浏览器中自动播放的问题, ...
iphone 微信网页自动播放音频解决办法
2019独角兽企业重金招聘Python工程师标准>>> iphone 虽然支持html5的audio 但有很多限制,比如必须通过用户操作才能加载音视频文件,而 preload 属性 ...
ios微信下vue项目组件切换并自动播放音频的解决方案
最近在做一个英语答题项目 , 项目需求是通过答题取的成绩 , 答题的题型是分为 , 听音选图 , 看图选词 , 和填空题 . 项目总共分为了3个页面 , 开始页 ,答题页和结束页面 ,答题页关于每种 ...
微信公众号网页 H5 video 标签自动播放
目录微信公众号网页 H5 video 标签自动播放问题描述解决方案微信公众号网页 H5 video 标签自动播放环境:微信公众号网页需求:H5 video 标签自动播放视频 video 标 ...
解决苹果ios端微信无法自动播放H5页面背景音乐
最近做微信H5页面开发的时候,在页面加入背景音乐,并且设置自动播放. 在PC端模拟手机时是可以正常显示播放的,在安卓端微信上也可以正常播放,然后到苹果端微信就不能正常播放了. 找了许久的原因是苹果io ...
Vue中使用can-autoplay插件实现浏览器不支持自动播放音频时提示点击
场景 Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音): Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)_BADAO_LIUMAN ...
iphone微信 h5页音乐自动播放
iphone微信 h5页音乐自动播放: // iphone自动播放document.addEventListener("WeixinJSBridgeReady", function ...
解决Chrome浏览器无法自动播放音频视频的问题，Uncaught(in promise) DOMException
转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...
解决Chrome浏览器无法自动播放音频视频的问题
谷歌浏览器做了改革,不再允许自动播放音频和视频.Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频. <video autoplay></video> 所以好多需 ...
Firefox 66 将阻止自动播放音频和视频
百度智能云云生态狂欢季热门云产品1折起>>> 当我们点击一个链接,或者打开新的浏览器选项卡时,浏览器就开始自动播放视频和声音,这是一件十分烦人的事.Chrome 浏览器早已对 ...

HTML——H5微信浏览器自动播放音频

HTML——H5微信浏览器自动播放音频相关推荐

最新文章

热门文章