Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HTML5 offline video caching in mobile safari

I can't seem to get Safari on the iPhone or iPad to offline cache videos. Everything else gets cached just fine when I go offline. The video file is obviously in the manifest, but I just get the broken arrow. Works fine in Safari desktop. Any clues? I've tried both object embed and the video tags.

like image 561
jj. Avatar asked Jun 02 '10 10:06

jj.


3 Answers

Sadly there’s a ~5 MB limit on offline cache in Mobile Safari. Not much you can do about it.

like image 145
Mathias Bynens Avatar answered Nov 11 '22 13:11

Mathias Bynens


See these two articles for mobile browser cache limits (note that the second one adds vital information):

http://www.yuiblog.com/blog/2010/06/28/mobile-browser-cache-limits/

http://www.yuiblog.com/blog/2010/07/12/mobile-browser-cache-limits-revisited/

It only generically covers html and "external resources", but they didn't explicitly test video files, so maybe these are never cached by Mobile Safari.

like image 2
Alexander Klimetschek Avatar answered Nov 11 '22 12:11

Alexander Klimetschek


Audio & video are not cached by iPhone since they are played by external applications. It seems the only workaround is to store them as base64 in local database or have them cached in application manifest as php(or similar) file but with base64 encoded audio and video content.

like image 2
Ganesh Krishnan Avatar answered Nov 11 '22 14:11

Ganesh Krishnan