Search code examples
htmlgoogle-chromegoogle-chrome-devtoolshtml5-appcacheoffline-caching

Get error: Application Cache Error event: Resource fetch failed (2) myvideo3.mp4


I'm getting an error in Chrome for an offline web app. Google Chrome always fails on the third video, despite the URL being correct and clicking on the URL in the Google Dev Tools' error message, opens and plays the video in a new tab. (It's always the third, even if I change the order of the videos)

The manifest has three videos (each 30-40 MB). All three can be viewed in chrome and are listed in the manifest. It shows a message that it's downloaded the first two videos but the third always ends in this message:

Application Cache Error event: Resource fetch failed (2) myvideo3.mp4

I know the manifest is correct because (as mentioned), clicking on the URL in the error message plays the video in a Chrome tab.

Since it always fails on the 3rd video despite changing the order in the manifest, I believe it's a limit on app cache size. How do I increase this for my app? This is a desktop.

CACHE MANIFEST

CACHE:
test.php
image.png
videos/myvideo1.mp4
videos/myvideo2.mp4
videos/myvideo3.mp4

EDIT: Some more info: When I have three videos listed, it loads two and fails on the thrird. BUT, when I take the third off and only have two listed in the manifest, it fails on the 2nd video! What could cause this? (If I have only one video, then it loads that one and the whole manifest)

Using: Google Chrome 43 on Desktop (64-bit)


Solution

  • There's not just a per-web-app size limit, but also a per-file size limit. From this post (and confirmed by my testing), it's 32mb per file and 260 MB per web app.

    Not sure how to find out the limit on other browsers as this seems to be undocumented.