千家信息网

audio在手机端和微信端的不能自动播放如何解决

发表于:2024-11-13 作者:千家信息网编辑
千家信息网最后更新 2024年11月13日,本篇内容介绍了"audio在手机端和微信端的不能自动播放如何解决"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够
千家信息网最后更新 2024年11月13日audio在手机端和微信端的不能自动播放如何解决

本篇内容介绍了"audio在手机端和微信端的不能自动播放如何解决"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

通常解决方法是给一个交互事件:

标签:

该浏览器不支持audio属性

解决方法:

//--创建页面监听,等待微信端页面加载完毕 触发音频播放document.addEventListener('DOMContentLoaded', function () {    function audioAutoPlay() {        var audio = document.getElementById('audio');            audio.play();        document.addEventListener("WeixinJSBridgeReady", function () {            audio.play();        }, false);    }    audioAutoPlay();});//--创建触摸监听,当浏览器打开页面时,触摸屏幕触发事件,进行音频播放document.addEventListener('touchstart', function () {    function audioAutoPlay() {        var audio = document.getElementById('audio');            audio.play();    }    audioAutoPlay();});

还有一种针对苹果的手机微信端的解决方法

第一步:引入js文件

第二步:配置文件

这样在网络稳定的情况下是可以自动播放的。

"audio在手机端和微信端的不能自动播放如何解决"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

0