阅读模式:

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

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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
centos 7 开启网络   阅读:2571mysql的四种索引类型   阅读:6911php设置cookie为HttpOnly防止XSS攻击   阅读:5034centos 7 设置 nginx-1.11.10 开机启动   阅读:4157网站性能优化-页面静态缓存   阅读:2780解决 nginx 413 request entity too large   阅读:2107javascript对cookie操作详细代码函数   阅读:2407给 centos 7 安装桌面环境   阅读:10923HTTP 1.1 协议详解   阅读:3198crontab+shell脚本实现定时备份mysql数据库   阅读:3009分享:淘宝技术这十年   阅读:2303php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:3331shell脚本批量删除几天前的文件   阅读:3864Nginx 配置文件详解   阅读:2258纯干货,程序员面试的超实用技巧   阅读:1931html5 离线缓存的使用   阅读:2093csv文件一键导入数据到mysql数据库   阅读:3314纯干货,程序员面试的超实用技巧   阅读:1931html5 离线缓存的使用   阅读:2093php 读取和设置redis的键值   阅读:3898一步步带你,如何网站架构   阅读:1979霍金24岁博士毕业论文在线预览   阅读:2370mysql 为什么添加索引可以提高访问速度   阅读:2941移动端js触摸touch详解(附带案例源码)   阅读:7444javascript获取两个日期间的所有日期   阅读:1140linux top命令详解   阅读:3149HTTP 1.1 协议详解   阅读:3198封装php redis缓存操作类   阅读:3736php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:3331crontab+shell脚本实现定时备份mysql数据库   阅读:3009php 获取当前前后年、月、星期、日、时分秒的时间   阅读:2721centos 7搭建zabbix3.4   阅读:1823linux时间戳有趣的情人节秒1234567890   阅读:2448最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:6075纯干货,程序员面试的超实用技巧   阅读:1931javascript点击复制内容   阅读:2776csv文件一键导入数据到mysql数据库   阅读:3314javascript点击复制内容   阅读:2776php+redis实现消息队列   阅读:3369centos 7 开启网络   阅读:2571shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:4493浅谈javascript的函数节流   阅读:2080网站局部小图片优化-base64编码图片   阅读:4277面试的时候回去等通知,等电话的真实意思   阅读:11579linux命令中执行php脚本   阅读:2855javascript点击复制内容   阅读:2776面试都会问你为什么你从上一家公司离职的真实意思   阅读:5567比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:2460给php7安装redis扩展库   阅读:3490最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:6075