title: HTML5 audio on iOS web app
body: <p>I'm trying to play sounds on an iPad web app. Using jquery mobile and iOS 6.1. I'm aware of autoplay limitations on iOS therefore I'm starting the audio via a click (function). It works fine in Safari browser on iPad. But when I access the very same page as web app in full screen (added to home screen) it doesn't play. I would have thought that it's just the very same Safari just in fullscreen. Apparently that is not the case, there seem to be extra restrictions on the web app.</p>
  
  <p>Why would the html5 audio play in iPad Safari browser but not via iPad web app? Are there more restriction I need to be aware of in browser vs web app?</p>
  
  <p>Example code I used:</p>
  
  <pre><code>html: &lt;audio id="audio" src="/audio/test.mp3"&gt;&lt;/audio&gt;
  script:
  $(document).on("pageinit", function () {
          var audio = document.getElementById('audio');
          $("#playGame").on("click", function (event, ui) {
  
              audio.play();
          });
      });
  </code></pre>