ios html背景音乐,html - HTML5 audio on iOS web app - Stack Overflow

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.

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?

Example code I used:

html:

script:

$(document).on("pageinit", function () {

var audio = document.getElementById('audio');

$("#playGame").on("click", function (event, ui) {

audio.play();

});

});