Question

所以我试图让一个网络应用程序缓存一些视频，以便他们脱机播放。该网络应用仅适用于iPad。

我的HTML是4个简单视频，样式表和debug.js文件。

<!DOCTYPE html>
<html manifest="cache.manifest" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css"/>
<script src="debug.js"></script>
<title>Mobile Cache Test</title>
</head>

<body>
    <video width="640" height="480" controls="controls">
        <source src="slide1.mp4" type="video/mp4" />
    </video><br/>
    <video width="640" height="480" controls="controls">
        <source src="slide2.mp4" type="video/mp4" />
    </video><br/>
    <video width="640" height="480" controls="controls">
        <source src="slide3.mp4" type="video/mp4" />
    </video><br/>
    <video width="640" height="480" controls="controls">
        <source src="slide4.mp4" type="video/mp4" />
    </video>
</body>
</html>

我已将指令添加到我的.htaccess文件AddType text/cache-manifest .manifest

我的cache.manifest文件：

CACHE MANIFEST
# 2012-06-13:v1
slide1.mp4
slide2.mp4
slide3.mp4
slide4.mp4
style.css
debug.js

NETWORK:
*

现在我的问题是，当我第一次看到4个视频并且它们都可以播放时我打开它。它还询问我是否允许该站点将数据限制增加到25MB。我说是。通过我的debug.js我可以看到下载的视频。我也可以在我的iPad上看到，如果我去Settings > Safari > Advanced > Website Data该网站占用12.9MB。

所以现在我关闭safari并重新打开并浏览到该页面。 4个视频现已破裂。他们有iPad播放按钮，斜线通过它，他们将无法播放。有谁知道这里发生了什么？

cache.manifest之后的视频已损坏

0 个答案: