HTML5音频标签JS touchstart事件在iPad上有效，在iPhone上无效

Question

I have been working on making a wonderful site to play the GoT shame sound when a shame event is published in particle's SSE queue. Currently I have this working great on every device (iPad/Android/Desktop/etc) except for the iPhone.

For mobile devices I am using the ontouchstart event to play/pause the audio file so that I can later initiate the JS play method when the shame SSE is seen. When I add in the controls option the sound can be played by pressing play on the phone. Even after that it is unable to be triggered via JS. Any help would be appreciated. See code below

Code: https://gist.github.com/nctiggy/17e87e68dedf8c4c4530

Deployed to site: http://cersei.cfapps.io

Answer 1

Answered my own problem:

Needed to run the load() method before the initial play/pause at the ontouchstart event.

Here is the working code: https://gist.github.com/nctiggy/67edb2df65b10ea28a58