Hi, I am running the latest version of iOS (5.0.1) on iPad2 and cannot provide the correct caching of .mp4 video .
I added the necessary listeners to listen for applicationCache events, and then write to the console when these events occur, especially when my application is cached, as indicated here: http://developer.apple.com/library/safari/#documentation/iPhone /Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html
Using the debug console in a mobile safari on my ipad, I can see messages saying that my application was successfully "cached" (hooray!). When I reload the page EVERYTHING works except for the video (there is an icon similar to the one that indicates a nonexistent video source, a play button with a slash)
When checking my "site data" for Safari on my iPad and the full size of the video (and other files) there is (~ 28 Mb). This caching works great on the Safari desktop (offline), in Chrome, etc. . When caching the application, the message “Would you like to allow the site www.site.com to increase the cache larger than 25 MB” appears, and approve, and the download / cache is completed.
What's even crazier, even if I'm still online, my iPad points to a local file, and it seems like my iPad is trying to pull out a local video, and the same error persists.
I also:
made a simpler version (1 html file 1 video) cached, the same problem.
Video with 1 MB, same problem, so size issue
Playing cached videos on the iPad is simply not possible. I see mb, so I know that it is cached, it just won’t play.
source share