How can I play video offline on iPad, using an HTML 5 web app (using Sencha touch or otherwise)

Question

I've created a web app (using Sencha Touch, but that's not important) which I'm trying to get offline. It's a slideshow with images and a video. When online, it plays an mp4 video using the tag in HTML . I can take it offline using a cache manifest file, which works fine for all other content, but my video won't play when offline.

I've used the "add to home screen" button to create a web app icon on the home screen.

Answer 1

I have the same problem.

Please refer to: http://stackoverflow.com/questions/2956915/html5-offline-video-caching-in-mobile-safari

Andy Cavallini

Answer 2

I have the same problem. I've successfully cached the video, but it doesn't work on offline. as I discovered that when you do httpRequest on offline in iPad, the return status code is always 301 which is normally treated as an error, you have to manually ignore this error to get the responseText. But you can't control the video tag in HTML5, I think that might be the cause why the video can't be played in offline. Furthermore, Safari in iOS doesn't support video data uri, you can neither use the dataUri... If anyone has the solution, it will be much appreciated!