1

所以我试图让一个网络应用程序缓存一些视频，以便它们离线播放。该网络应用程序将仅适用于 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，我可以看到正在下载的视频。如果我访问Settings > Safari > Advanced > Website Data该站点占用了 12.9MB，我也可以在我的 iPad 上看到。

所以现在我关闭 safari 并重新打开并浏览到该页面。这4个视频现在坏了。他们有一个带有斜线的 iPad 播放按钮，它们不会播放。有谁知道这里发生了什么？

4

0 回答 0