Register / Login
this forum made possible by our volunteer staff, including ...
Roel De Nijs
Stephan van Hulst
Embedded HTML 5 video is stored in the cache but is not displayed on iPad 2
posted 4 years ago
I am creating an offline webapp for the iPad 2, which includes video content. When the page first loads, the video displays fine. But when I reload the page, the video's play button becomes broken.
I've gone into Settings > Safari > Advanced > Website Data and, sure enough, the video is in the cache... So the problem seems to be that it is not being retrieved from the cache.
My HTML code snippet:
<html manifest="cache.manifest"> ... <video width="320" height="240" controls="controls"> <source src="videos/movie.mp4" type="video/mp4" /> </video>
My cache.manifest snippet:
CACHE MANIFEST # Updated 2012-08-22 19:49:00 index.php ... videos/movie.mp4
For good measure, my .htaccess snippet:
AddType text/cache-manifest .manifest AddType video/mp4 .mp4
Does anyone have any ideas?
NB - This problem also happens (predictably) when I go into airplane/offline mode. The video size is 311KB. My iPad is running iOS 5.1.1.
It is sorta covered in the
JavaRanch Style Guide
Boost this thread!
HTML5 "offline" support question
Use Offline cache of browser
New York Times website in html 5