移动端H5不能自动播放背景音乐解决方法

相信很多开发者都遇到了这个坑,在PC上用浏览器调试也都能播放,但实际在微信或者手机浏览器中,又不能正常播放,解决的办法也很简单,参照如下代码修改即可:

1、先加载背景音乐

2、利用微信的jssdk突破了限制

添加如上代码后,即可实现在手机端自动播放背景音乐

可以直接打开以下网址测试:

demo下载:点击下载(右键另存为)

 

原创文章,作者:蓝洛水深,如若转载,请注明出处:https://blog.lanluo.cn/8217

(50)
蓝洛水深的头像蓝洛水深管理员
上一篇 2020年2月17日 下午11:55
下一篇 2020年2月22日 下午2:23

相关推荐

发表回复

登录后才能评论

评论列表(9条)

  • 蓝洛水深的头像
    蓝洛水深 2020年6月30日 下午4:35
  • 1834的头像
    1834 2020年6月24日 下午9:06

    我怎么不行呢,把上面的代码复制过来后无效,用congsole试发现没有触发WeixinJSBridgeReady 事件

    • 蓝洛水深的头像
      蓝洛水深 2020年6月24日 下午9:21

      把你引用后部署的页面发我看看,我对比一下区别。

    • 蓝洛水深的头像
      蓝洛水深 2020年6月24日 下午9:27

      抱歉,我刚刚试了,已经不能正常播放。稍后我看看怎么弄

    • 蓝洛水深的头像
      蓝洛水深 2020年6月24日 下午9:34

      720.gyxlck.com/wankedonghua/
      看这个页面的源代码,能在微信正常播放的。

    • 1834的头像
      1834 2020年6月28日 下午2:37

      我复制过来后在pc端也达不到这种效果,我看了您网页上每次点进去首次加载都是可以的。https://www.ilanluo.com/wp-content/uploads/2020/02/1.html就是上面这个地址

    • 蓝洛水深的头像
      蓝洛水深 2020年6月28日 下午2:44

      1.html我测试在微信中无法自动播放,720.gyxlck.com/wankedonghua/是可以的,但是需要完整的引用jssdk的代码进行部署,参考https://www.ilanluo.com/6301

    • 1834的头像
      1834 2020年6月28日 下午2:51

      大佬有pc端不能自动播放的解决方案吗,网上那些都试过了效果都不好

    • 蓝洛水深的头像
      蓝洛水深 2020年6月28日 下午2:57

      PC的就按正常的html代码写就行了,audio/embed都可以,audio简单一点,属性设置自动播放和循环播放即可。

联系QQ
联系QQ
分享本页
返回顶部