Javascript HTML5音频播放器仅在双击后才能在移动浏览器上播放

我正在创建一个自定义HTML5音频播放器。当用户单击按钮时，播放机播放音频

$("#buttonPlay").click(function () {
var player = document.getElementById("player");
player.play();
});

它在桌面上运行良好，但需要双击移动浏览器。有什么问题吗

请尝试使用以下方法：

var btnplay = document.getElementById("buttonPlay");
var player = document.getElementById("player");

btnplay.addEventListener('touchstart', function(ev) {
   player.play();
})

---

我假设

音频

未加载到

缓存中

。。使其

预加载（预加载属性）

并检查！还提供小提琴演示，以便可以重现问题。。。