阅读模式:

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

查看:9407  回复: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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
php翻转字符串   阅读:4033centos 7 安装 mysql-5.7   阅读:7761mysql中文分词全文搜索索引讯搜的安装   阅读:7504linux php7编译安装mongodb扩展   阅读:9574最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:14107php swoole搭建简单的聊天室   阅读:5020什么是天使轮?什么是A轮融资?B轮融资?   阅读:5577html5 离线缓存的使用   阅读:4747最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:11601人性漫画:打工与创业的残酷区别   阅读:5400centos 7搭建zabbix3.4   阅读:7128mongodb设置shell开机启动脚本   阅读:11089php删除一个文件夹内的所有文件夹和文件   阅读:5377php文件下载防盗链   阅读:10491shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:9755Nginx 配置文件详解   阅读:5406linux php7编译安装mongodb扩展   阅读:9574linux命令中执行php脚本   阅读:8798Nginx 配置文件详解   阅读:5406把php session 会话保存到redis   阅读:7883分享:淘宝技术这十年   阅读:5136centos 7 添加 redis 3.2.9 开机启动脚本   阅读:10081一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:133986最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:14107一步步带你,如何网站架构   阅读:4649centos 7 安装 php-7.1.3   阅读:21321php打印三角形   阅读:11717linux php7编译安装mongodb扩展   阅读:9574centos7中颁发CA证书并开启web https   阅读:8787把php session 会话保存到redis   阅读:7883网站性能优化-页面静态缓存   阅读:5905centos 7 忘记root密码   阅读:5355解决 nginx 413 request entity too large   阅读:4918php连接redis   阅读:6121栈和堆的区别   阅读:5517csv文件一键导入数据到mysql数据库   阅读:7274javascript获取两个日期间的所有日期   阅读:7329javascript对cookie操作详细代码函数   阅读:5745mysql5.7开启sql日志的配置   阅读:10076人性漫画:打工与创业的残酷区别   阅读:5400centos7.3安装mongodb3.6   阅读:8206web性能测试工具ab的测试方法   阅读:5103什么是天使轮?什么是A轮融资?B轮融资?   阅读:5577把php session 会话保存到redis   阅读:7883“米粉节”背后的故事——小米网抢购系统开发实践   阅读:4572centos 7搭建zabbix3.4   阅读:7128分享:淘宝技术这十年   阅读:5136十张GIF让你弄懂递归等概念   阅读:6641php 生成图片,给图片加水印   阅读:6940一步步带你,如何网站架构   阅读:4649