微信h5网页中audio标签ios端自动播放和循环播放

时间:2024-03-31 08:37:43

audio标签在安卓系统上面只需要设置audio标签的一些属性就可以实现自动播放和循环播放功能,但是在ios系统中因为其独特的安全设置原因,不能自动播放和循环播放,下面是我在项目中的解决办法:
用js判断当前浏览器类型,是否为微信浏览器
//window.navigator.userAgent 方法可以返回关于当前浏览器信息
微信h5网页中audio标签ios端自动播放和循环播放
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190415104902901.png微信h5网页中audio标签ios端自动播放和循环播放
上面只是针对在微信浏览器中的方法,而WeixinJSBridge是微信浏览器私有api,并不是所有浏览器都内置了WeixinJSBridge,所以对代码修改如下:
微信h5网页中audio标签ios端自动播放和循环播放
//设置循环播放
微信h5网页中audio标签ios端自动播放和循环播放