モバイルブラウザのデバイスを2回クリックすると、html5オーディオプレーヤーが再生される理由

Question

私はカスタムhtml5オーディオプレーヤーを作成します。ボタンをクリックすると、オーディオが再生されます。

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

デスクトップで正常に機能しますが、モバイルブラウザでは2回クリックする必要があります。 どのような問題がありますか？

おかげ

Answer 1

てみてください以下のように使用するには：

私が想定し

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

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