解决在 iOS 微信浏览器中无法自动播放 HTML5 audio

Posted Midpuss

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决在 iOS 微信浏览器中无法自动播放 HTML5 audio相关的知识,希望对你有一定的参考价值。

解决在 ios 微信浏览器中无法自动播放 html5 audio

问题场景

最近在同事在写一个微信页面时发现在ios中不能自动播放背景音乐,也就是autoplay 在ios 中失效,但是在安卓中可以,于是开始了度娘之旅,发现苹果为了用户着想,禁止了Autoplay和JS “onload” 加载播放。但是客户却是需要上述效果,那该如何解决呢?

解决方法

一、引入微信weixin-1.0.0.js


        wx.config({
            // 配置信息, 即使不正确也能使用 wx.ready
            debug: false,
            appId: '',
            timestamp: 1,
            nonceStr: '',
            signature: '',
            jsApiList: []
        });
        wx.ready(function() {
            document.getElementById('audio').play();
        });

以上是关于解决在 iOS 微信浏览器中无法自动播放 HTML5 audio的主要内容,如果未能解决你的问题,请参考以下文章

解决在 iOS 微信浏览器中无法自动播放 HTML5 audio

解决在 iOS 微信浏览器中无法自动播放 HTML5 audio

ios微信h5音频audio无法自动播放

解决ios下的微信打开的页面背景音乐无法自动播放(转载)

在android/iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式

解决ios下视频无法播放问题