真机中, 在微信中直接打开链接或者在小程序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>
在微信里打开http://debugxweb.qq.com/?check_xwalk_update更新下内核试试
昨天晚上加班改了一版应急的,但不同端的audio标签适配有问题,如果确定内核能够很快自动更新,那我们就把先前的改动还原了。
同问 加了controls="controls"也没有好用
同问