HTML5 audio phone play, lock screen or program background run music does not play

Today do a mobile phone play page, found on iOS as long as the lock screen or switch other programs music off, find a long time to find the reason.

Because the page plays a file, so I wrote it.

<id= "audio"  autoplay= "true"  controls= "" preload = "preload" > </ Audio >

Then set MP3 address via JS

Audio.setattribute ("src", "Http://xxxx.mp3");

Refer to other websites and find that music files written in source will not be closed ....

<AudioID= "Audio"AutoPlay= "true"Controls=""Loop=""preload= "preload">                <Sourcesrc=""type= "Audio/mpeg">            </Audio>

$ ("#source"). attr ("src", "Http://xxx.mp3");

HTML5 audio phone play, lock screen or program background run music does not play