Sound won't start and is inconsistent on mobile (Canvas project)

Hi All,

I've imported a MP3 sound into my canvas project and posted the FLA online.

When viewed on my laptop, the sound plays soon as page loads (this is as intended).

When I view that page on my Iphone 6, I need to tap the FLA before the sound will start. (The animation begins upon page load, though.)

I need both animation and sound to begin at the same time on mobile devices.

Also: The sound file doesn't play all the way through about 30% of the time. On my laptop, the sound file always plays all the way through.

This is my first time using audio with my FLA so this might be something basic I'm overlooking. Any ideas?

Details:

-The MP3 file is 16 bit and 470k

-I created a blank keyframe in my audio layer then imported my mp3 into the library, selected that keyframe and in Properties, chose the mp3 file in the Name pull-down menu. Sync can only be set to "Event" because it's an HTML Canvas project.

-Previewing in Safari on an Iphone 6s