微信显示audio,html5中audio不支持的音频格式

  微信显示audio,html5中audio不支持的音频格式

  再次做H5页面时,发现在手机和微信上添加自动播放后,音频仍然无法自动播放,因为手机设置为保存流浪。

  通常的解决方案是举办一次互动活动:

  标签:

  loop src=/photo/aa . MP3 id= audio autoplay preload= auto 此浏览器不支持音频属性/audio。

  解决方法:

  //-创建页面监视器,等待微信页面加载触发音频播放文档。AddEvent侦听器( domcontentloaded ,function(){ function audio autoplay(){ var audio=document . getelementbyid( audio );音频.播放();document . addevent listener( weixinsbridgeready ,function(){ audio . play();},假);} audio autoplay();});//-创建触摸监视器。当浏览器打开页面时,触摸屏幕触发事件并播放音频。文档。AddEvent Listener (Touch Start ),function(){ function audio autoplay(){ var audio=document。GetElementByid(“audio”);音频.播放();} audio autoplay();});苹果手机微信也有解决方案。

  步骤1:介绍js文件

  script= 3358res.wx.qq.com/open/js/jweixin-1.0.0.js/script步骤2:配置文件

  脚本函数autoplay video(){ wx . config({ debug:false,appId: ,timestamp:1,nonceStr: ,signature: ,jsapi list:[]});wx . ready(function(){ var autoplay video=document . getelementbyid( audio );autoplay video . play()})};autoplay video();/脚本可以在网络稳定的情况下自动播放。

  总结

  以上是边肖为您介绍的解决HTML5中的音频在手机和微信上无法自动播放的问题。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对网站的支持!

  如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: