title: Can't play sound on iOS
body: <p>Cross-post from <a href="https://github.com/aframevr/aframe/issues/1684" rel="nofollow">https://github.com/aframevr/aframe/issues/1684</a></p>
  
  <p><strong>Description:</strong></p>
  
  <p>I cannot get audio to play on iOS, both on Safari and Chrome.</p>
  
  <p>What I tried:</p>
  
  <ul>
  <li><p><code>autoplay</code> directly on the component. #1463 made me think right away that this wouldn't work. But #1463 description implies that it wouldn't work for Chrome for Android, but it <strong>does</strong> work for me.</p></li>
  <li><p>using <code>entity.components.sound.play()</code>, both with a setTimeout and with user events.</p></li>
  </ul>
  
  <p>Both approaches worked properly in Chrome for Android and desktop browsers (Chrome, Safari and Firefox). In Firefox for Android, my app crashes even before I could try the audio, but that is just information, I'm not focusing on Firefox.</p>
  
  <p>I inspected the iOS Safari console and network tabs with remote debug and there wasn't any error or something.</p>
  
  <p>Also, as a side note, I tried the <a href="http://ngokevin.github.io/a-wakens/" rel="nofollow">a-wakens demo</a>, and it worked on: </p>
  
  <ul>
  <li>Chrome, Safari and Firefox (desktop), Firefox (Android)</li>
  </ul>
  
  <p>but didn't work on:</p>
  
  <ul>
  <li>Chrome (Android), Safari and Chrome (iOS)</li>
  </ul>
  
  <p>So, I'm pretty much clueless about how to get audio to play on iOS and would appreciate some tips.</p>
  
  <ul>
  <li>A-Frame Version: 0.2.0</li>
  <li>Platform/Device: iOS 9.3.2, iPhone 6, both Safari and Chrome 51</li>
  </ul>