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

Question

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

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

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

Answer 1

尝试使用如下：

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

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