Javascript 移动Safari iOS的HTML5音频问题

我在Codepen上创建了一个Simon游戏：

在桌面上，音频/声音播放正常。但是，当我使用iPhone的Safari访问该网站时，声音不会播放

我通过以下jQueryUI代码对声音变量（绿色、红色等）调用play（）方法：

......
 $('.' + items[0]).addClass('active', speed, function() {
    obj[items[0]].play();}).removeClass('active', speed, 
    function() {
    nextItemActivate(items.slice(1));
 });
......

但是，如果我先触发play（）方法，如下所示：

$('.test').on('click', function() {
  green.play();
  red.play();
  yellow.play();
  blue.play();
})

然后my

addClass

代码会播放声音

这个问题和JQuyYUI库有关系吗？或者对于移动Safari浏览器有什么特别的需要？

---

谢谢。

您可以阅读苹果公司的文章：

顺便说一下，您不能使用autoplay或trig播放功能视频或音频，因为：

---

所有iOs设备都在等待用户交互，播放视频、声音等。感谢@Guvenckardas提供的信息。令人困惑的是，在我的代码中，在这两种情况下，播放方法最初都是由用户单击事件（按Start/Replay或play All Sounds）触发的。因此，我不太清楚为什么一个函数的行为与另一个不同。实际上，没有真正不同的行为。只需播放不工作的视频或音频功能。您知道，所有媒体活动都在QuickTime player for iOs中管理，因此它可以控制所有活动。是否要同时播放所有声音？我不需要-我只是创建了该按钮/场景，以测试/比较不会播放声音的开始/重播按钮。