javascript – HTML5音频对象无法在iPad上播放(从setTimeout调用时)

我有一个隐藏< audio>的页面通过 javascript使用自定义按钮启动和停止的对象. (原因是我想自定义按钮,而绘制音频播放器似乎会破坏iPad上的渲染性能).一个简化的例子(在coffeescript中)：

// Works fine on all browsers

constructor: (@_button,@_audio) ->
  @_button.on 'click',@_play          // Bind button's click event with jQuery

_play: (E) =>
  @_audio[0].play()                    // Call play() on audio element

当从绑定到click事件的函数触发时音频播放正常,但我实际上想要在播放文件之前完成动画,所以我将.play()放在setTimeout中.但是,我无法让这个工作：

// Will not play on iPad

constructor: (@_button,@_play          // Bind button's click event with jQuery

_play: (E) =>
  setTimeout (=>                       // Declare a 300ms timeout
    @_audio[0].play()                  // Call play() on audio element
  ),300

我已经检查过@_audio(this._audio)是否在范围内,并且它的play()方法存在.为什么这不适用于iPad？

编辑：实际上,上面的简化测试用例确实有效.请参阅下面的@apsillers的回答以及我对它的评论.