In iOS 10+
Apple enabled the attribute playsinline
in all browsers on iOS 10, so this works seamlessly:
<video src="https://stackoverflow.com/questions/5054560/file.mp4" playsinline>
In iOS 8 and iOS 9
Short answer: use iphone-inline-video, it enables inline playback and syncs the audio.
Long answer: You can work around this issue by simulating the playback by skimming the video instead of actually .play()
‘ing it.