同问 加了controls="controls"也没有好用
微信8.0.32版本， 真机在H5中使用audio时，不能通过JS进行播放控制真机中， 在微信中直接打开链接或者在小程序webview中打开H5链接，点击页面自定义播放按钮，不能播H5页面中音频。 只有把audio的controls属性打开，然后必须点击controls中的播放按钮后，才可以通过自定义播放按钮对audio标签进行控制， 以前是只需要第一次点击页面中任何无素就可进行播放控制。 现在是以前所有H5都受到了影响，都播不了音频了。 下面这个是易企秀上面随便的一个链接，然后用真机微信打开验证： https://h5.eqxiu.com/s/YhcxSrAi 下面是一个测试案例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <audio id="haudio" style="width: 300px;height:40px;" src=""autoplay="autoplay" controls="controls"></audio> <div id="btn" style="width:200px;height:200px;background: blue;margin-top:40px;color:white;display: flex;justify-content: center;align-items: center;font-size:1.5em;">自定义播放按钮</div> </body> <script type="text/javascript"> document.getElementById('btn').onclick = function clickHandle(){ var audio = document.getElementById('haudio'); audio.setAttribute("src","https://sources.yundaolan.com/serviceObject/118/856fd1e1a798855e6420258076b05caf.mp3"); audio.play(); } </script> </html>
2023-02-15
获得过 0 次赞
回答过的问题获得 0 次赞
分享过的文章/案例获得 0 次赞
评论与回复获得 0 次赞