阅读模式:

解决移动端 ios 系统微信不自动播放音乐问题

查看:9558  回复:0  类型:  来源:php自学网  标签 微信开发 html5

解决微信端ios系统和安卓系统的 audio标签 设置 autoplay 后不自动播放音乐的问题:

document.addEventListener('DOMContentLoaded', function () { //添加监听DOM 结构是否加载完,(不包含图片和其他资源)
        function audioAutoPlay() {
            var audio = document.getElementById('m');//获取音乐标签的id
            audio.play(); //播放
            document.addEventListener("WeixinJSBridgeReady", function () { //监听微信准备就绪事件,只能在微信用
                audio.play(); //播放
            }, false);
        }
        audioAutoPlay(); 
});

当网页DOM结构加载完和微信api准备就绪后,再去播放音乐。其实就是音乐资源和dom结构加载完还不行,必须等待微信组件也加载完成才行,不然不给你放音乐。

分享到:
2 0

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
企业让你去面试,可能不是真的招人   阅读:6601linux php7编译安装mongodb扩展   阅读:9908phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:13200mysql5.7开启sql日志的配置   阅读:10461php+redis实现消息队列   阅读:16527shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:10065centos7开启交换内存   阅读:12128浅谈javascript的函数节流   阅读:5353最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:11928php连接redis   阅读:6353小米手机端商城rem适配原理   阅读:7413php 生成图片,给图片加水印   阅读:7220mysql的四种索引类型   阅读:24058centos 7 安装 mysql-5.7   阅读:8301javascript点击复制内容   阅读:7902简单的DOS攻击之死亡之ping详解   阅读:67219centos7.3安装mongodb3.6   阅读:8497centos 7 安装 mysql-5.7   阅读:8301session与cookie的区别   阅读:4719爱编程,也爱健康   阅读:5039centos 7 设置 nginx-1.11.10 开机启动   阅读:8782phpexcel 超简单从数据库一键导出数据到excel教程   阅读:8124shell发送邮件脚本   阅读:9764centos 7 安装 nginx-1.11.10   阅读:9382linux时间戳有趣的情人节秒1234567890   阅读:6174linux rarcrack破解rar、zip和7z压缩包简单密码的工具   阅读:19140网站性能优化-页面静态缓存   阅读:6120php压缩页面的html代码一行显示   阅读:8450linux php7安装yaf扩展   阅读:9493shell发送邮件脚本   阅读:9764封装php redis缓存操作类   阅读:10165centos 7.2 添加php7 的 php-fpm 开机启动   阅读:26370最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:14542最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:33835linux top命令详解   阅读:10530TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:4575nginx安装redis模块   阅读:7196霍金24岁博士毕业论文在线预览   阅读:6369浅谈javascript的函数节流   阅读:5353csv文件一键导入数据到mysql数据库   阅读:7526知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:7622php 读取和设置redis的键值   阅读:8093Mysql在大型网站的应用架构演变   阅读:5290关于PHP程序员技术职业生涯规划   阅读:3551centos 7 添加 redis 3.2.9 开机启动脚本   阅读:10362linux top命令详解   阅读:10530php 读取和设置redis的键值   阅读:8093移动端自适应rem原理   阅读:10420PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:16046最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:14542