Chrome移动HTML5音频播放按钮控件无法正常运行

Question

我无法使音频标签在移动设备上正常工作（在台式机或iPad上可以正常工作）。

我尝试将音频URL嵌入到iframe中，并且工作正常。 如果没有iframe，则自动播放和查找滑块会起作用，但是播放/停止，静音按钮根本不起作用。

我的代码如下：

<iframe 
  ng-if="question.audioId" 
  ng-src="{{$ctrl.API.services + '/api/asset/' + question.audioId | trustUrl}}" 
  controls>
</iframe>

<audio 
  ng-if="question.audioId" 
  ng-src="{{$ctrl.API.services + '/api/asset/' + question.audioId | trustUrl}}" 
  controls 
  preload="metadata">
</audio>

the view looks like this （顶部：使用iframe，底部使用音频标签：黄色正方形是轮廓CSS）