Question

我正在创建一个游戏，当用户点击翻转卡时会自动播放声音文件。它适用于所有桌面浏览器和Chrome for Android。

播放按钮位于翻转卡内，当用户点击＆＃34;顶部＆＃34;它使用JQuery .trigger（＆＃39;点击＆＃39;）伪造播放按钮按下。

它可以在iOS Safari上运行，但是用户需要单击一次播放按钮，然后才能在会话的其余部分工作。以下是游戏本身的链接 - http://dev2.gluestudio.co.uk/flipCards/flipCards.html

以下是我自动播放音频的代码：

var clickedCard = $(this);
setTimeout(function(){
  if(clickedCard.find('div.mgcard-show').find('button.questions').length != 0){
     var cardToBeClicked = clickedCard.find('div.mgcard-show').find('button.questions');
     $(cardToBeClicked).trigger('click');
 }
} ,1000);

以下是播放图标的代码（作为更大循环的一部分）

 $('body').append('<audio id="player' + i + '" src="audio/'+firstQuestion+'"></audio>');
 $('#flip-card-area').append('<li class="match'+i+'"><button class="questions" onclick="document.getElementById(\'player' + i + '\').play()"><img class ="playIcon" src="./img/play_icon.png"></button></li>')

有谁能告诉我如何解决这个问题并让游戏第一次在移动浏览器上运行？

JQuery .trigger（＆＃39;点击＆＃39;）第一次没有在移动/ iOS游戏中工作

0 个答案: