在微信中,ios手机下面音乐被自动禁掉无法自动播放,我们可以执行触发body上的元素,自动进行播放。

    //音乐var x = document.getElementById("myAudio");var at=$("#myAudio")var audobtn=true;function playAudio(at){var faf=at[0];faf.play();//播放$(".audio-btn").addClass("move1");}var autopa=true;    $("body").on("click",function(){if(autopa){playAudio(at);autopa=false;}})$(".audio-btn").on("click",function(){if(audobtn){$(".audio-btn").removeClass("move1");x.pause();audobtn=false;             }else{$(".audio-btn").addClass("move1");x.play(); audobtn=true;}})

需要引入jq以及微信的js
<script src="./jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="./jweixin-1.0.0.js"></script>
<script>function autoPlayMusic() {// 自动播放音乐效果,解决浏览器或者APP自动播放问题
        function musicInBrowserHandler() {musicPlay(true);document.body.removeEventListener('touchstart', musicInBrowserHandler);}document.body.addEventListener('touchstart', musicInBrowserHandler);// 自动播放音乐效果,解决微信自动播放问题
        function musicInWeixinHandler() {musicPlay(true);document.addEventListener("WeixinJSBridgeReady", function () {musicPlay(true);}, false);document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);}document.addEventListener('DOMContentLoaded', musicInWeixinHandler);}function musicPlay(isPlay) {var audio = document.getElementById('audio2');if (isPlay && audio.paused) {audio.play();}if (!isPlay && !audio.paused) {audio.pause();}};autoPlayMusic();// 关闭音乐
$('.music-pic').click(function () {if($('.music-pic').hasClass('close')){document.getElementById("audio2").muted=false;$('.music-pic').removeClass('close');}else {$('.music-pic').addClass('close');document.getElementById("audio2").muted=true;}
});

转载于:https://www.cnblogs.com/qdlhj/p/10749991.html

微信中音乐播放在ios不能自动播放解决相关推荐

  1. [iOS]仿微博视频边下边播之滑动 TableView 自动播放

    注意:框架已经迭代到2.0版本,我重新架构了整个框架,API 也得到了更好的设计,我为 2.0 版本的实现写了一篇文章 [iOS]如何重新架构 JPVideoPlayer ?.此文中的实现思路仍然是一 ...

  2. [iOS]仿微博视频边下边播之滑动TableView自动播放

    Tips:这次的内容分为两篇文章讲述 01.[iOS]仿微博视频边下边播之封装播放器 讲述如何封装一个实现了边下边播并且缓存的视频播放器. 02.[iOS]仿微博视频边下边播之滑动TableView自 ...

  3. 微信公众号网页 H5 video 标签自动播放

    目录 微信公众号网页 H5 video 标签自动播放 问题描述 解决方案 微信公众号网页 H5 video 标签自动播放 环境:微信公众号网页 需求:H5 video 标签自动播放视频 video 标 ...

  4. 微信小程序进入某一页面自动播放背景音乐

    前言:微信小程序进入某一个页面自动播放背景音乐,当退出这个页面时,音乐关闭 wxml代码: <audioloopid="greetings"src="https:/ ...

  5. 微信背景音乐不自动播放解决

    微信背景音乐不自动播放解决 document.addEventListener('DOMContentLoaded',function (){function audioAutoPlay(){var ...

  6. html视频播放完自动跳转,在html5视频中跳转到currentTime后自动播放

    我试图创建一个视频,该视频在点击按钮后跳转到视频后从视频中的某个点自动播放.我拥有它,以便视频跳到现场,但我无法弄清楚如何从那里自动播放.我是新来的JavaScript,我想可能有一个简单的解决方案, ...

  7. ios微信下vue项目组件切换并自动播放音频的解决方案

    最近在做一个英语答题项目 , 项目需求是通过答题取的成绩 , 答题的题型是分为 , 听音选图 , 看图选词 , 和填空题 . 项目总共分为了3个页面 , 开始页 ,答题页 和结束页面 ,答题页关于每种 ...

  8. 怎么打开微信支付管理中关闭的服务器,手机微信中如何关闭已经开启的自动续费服务...

    微信作为我们生活中的一款支付神器,不管是看电影.吃东西.买衣服等都是可以用到微信支付的,那么平时我们在使用手机的时候都经常有可能需要用到一些付费服务,所以就自然而然的就用到微信支付了,也有很多服务是需 ...

  9. 如何在html中自动播放音乐,如何使音乐在打开页面时自动播放

    你好朋友, 给你一个自动播放的背景音乐代码: 第一步.进入新浪博客,输入"登录名""密码"和"验证码"后点击"登入". ...

最新文章

  1. OpenCV error: Cannot load info library for OpenCV
  2. Android Lanuch 的资料汇总
  3. opencv 头盔检测
  4. 嵌套矩形——DAG上的动态规划
  5. springboot整合Mybatis例子
  6. firewalld防火墙配置
  7. 组合与继承c++_组合与继承
  8. 上传项目源码至Nexus私服
  9. 图文并茂全面总结上百个Android Studio好用的插件(IDE通用)
  10. xmind8 pro 进阶班-Array老师-专题视频课程
  11. TalkingData游戏统计对接
  12. 有关龙的成语(词语)、故事、诗歌
  13. iPad作为Windows电脑副屏使用技巧(详细向)
  14. 最流行的Python编辑器/IDEs你认识吗?
  15. ADFS 概念与基本开发介绍
  16. Louvain 算法
  17. 伦敦大学学院计算机硕士专业介绍,2020年伦敦大学学院计算机科学专业硕士申请条件-学费-世界排名...
  18. node sass 报错解决方法 Module build failed (from ./node_modules/sass-loader/dist/cjs.js)
  19. 01.NetLogo-命令学习
  20. 热电阻热电偶换算工具

热门文章

  1. 常用并发工具类(锁和线程间通信工具类)
  2. lwip网络通信socket_lwIP在Socket模式下接口:BSD Socket API
  3. php链接mysql编码错误_php 操作 mysql 数据库 编码 错误
  4. 12306能删候补订单记录_「实用」官方“捡漏”神器来了!12306铁路候补购票服务正式上线!...
  5. idea数据库反向生成实体类_asp.net core 系列 21 EF现有数据库进行反向工程
  6. harmonyos公测招募,nova为主 HarmonyOS 2.0开发者Beta公测再招募
  7. 7 centos 时钟跟物理机同步_centos7上使用chrony自动同步时间
  8. 优秀Java开发者都在看的书籍
  9. nodejs+html转换pdf,Nodejs 中将html转换成pdf文件
  10. 检测正常和不正常图_医生提醒:激素正常不等于内分泌正常,带你走出内分泌失调误区...