解决ios,android在微信中audio不能自动播放的问题

曾经终败给现在 2022-06-01 23:45 614阅读 0赞

# 解决ios,android在微信中audio不能自动播放的问题 #

<script>
        //android  ios 内部原因 为了节省流量，规定不自动播放音频视频
        //--创建页面监听，等待微信端页面加载完毕 触发音频播放
        document.addEventListener('DOMContentLoaded', function () {
            function audioAutoPlay() {
                $("#music")[0].play();
                document.addEventListener("WeixinJSBridgeReady", function () {
                    $("#music")[0].play();
                }, false);
            }
            audioAutoPlay();
        });
        //--创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放
        document.addEventListener('touchstart', function () {
            function audioAutoPlay() {
                //var audio = document.getElementById('music');
                //audio.play();
                $("#music")[0].play();
            }
            audioAutoPlay();
        });
    </script>

也可以参考其它的同类解决方法

http://blog.csdn.net/seven0404/article/details/70336561

http://blog.csdn.net/u013575984/article/details/78739253

http://blog.csdn.net/taotao6039/article/details/17611633

\--- end ---

发表评论取消回复

表情：

评论列表（有 0 条评论，614人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端 ios】audio不能在苹果手机正常播放

在项目中用到了audio组件播放音频，在安卓上播放都是正常的，在 ios 的 safari 浏览器中却不能正常播放音频原因： -----------------

Bertha 。/ 2023年06月30日 01:52/ 0 赞/ 2 阅读

相关 100%解决ios上audio不能自动播放的问题

100%解决ios上audio不能自动播放的问题参考文章： [（1）100%解决ios上audio不能自动播放的问题][1_100_ios_audio] （2）http

刺骨的言语ヽ痛彻心扉/ 2023年02月20日 13:43/ 0 赞/ 31 阅读

相关 audio 标签加入背景音乐谷歌浏览器不能自动播放的问题(二)

前面的一篇文章: [audio 标签加入背景音乐谷歌浏览器不能自动播放的问题][audio] 上面这是之前写过的一篇,但是后来小编发现, 对浏览器兼容性不是很友好, 谷歌浏

雨点打透心脏的1/2处/ 2022年12月28日 12:44/ 0 赞/ 475 阅读

相关 audio 标签加入背景音乐谷歌浏览器不能自动播放的问题

在网上查阅相关资料才知道原来在4月份谷歌浏览器做了改革，不支持自动播放了，现贴出解决方案：由于audio.play()必须要在交互事件中才能使用，因此在项目中，我的解决方案

向右看齐/ 2022年12月26日 10:22/ 0 赞/ 635 阅读

相关解决 iOS 9.1 微信内置浏览器中html audio 不能自动播放的问题

解决 iOS 9.1 微信内置浏览器中html audio 不能自动播放的问题参考文章： [（1）解决 iOS 9.1 微信内置浏览器中html audio 不能自动播放

àì夳堔傛蜴生んèń/ 2022年09月13日 06:23/ 0 赞/ 22 阅读

相关 iOS系统及微信中audio自动播放

//音乐播放暂停 $("audioBtn").click(function(){ if(music.paused){music.play();

àì夳堔傛蜴生んèń/ 2022年06月03日 05:20/ 0 赞/ 235 阅读

相关解决ios,android在微信中audio不能自动播放的问题

解决ios,android在微信中audio不能自动播放的问题 <script> //android ios 内部原因为了节省流量，规定不自动

曾经终败给现在/ 2022年06月01日 23:45/ 0 赞/ 615 阅读

相关解决ios audio无法自动播放、循环播放的问题

// music自动播放 var music = document.getElementById('bgm');

电玩女神/ 2022年05月31日 14:48/ 0 赞/ 280 阅读

相关 ios audio微信里无法自动播放

// music var music = document.getElementById('bgm'); va

不念不忘少年蓝@/ 2022年05月31日 13:36/ 0 赞/ 248 阅读

相关 chrome升级后audio不能播放解决

chrome报错：Uncaught (in promise) DOMException: play() failed 详情请看：[blog.csdn.net/super\_X

待我称王封你为后i/ 2022年03月16日 12:08/ 0 赞/ 680 阅读