Register / Login
Embedded HTML 5 video is stored in the cache but is not displayed on iPad 2
posted 3 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.
HTML5 "offline" support question
Use Offline cache of browser
New York Times website in html 5