1

そこで、オフラインで再生できるように、いくつかのビデオをキャッシュするWebアプリを取得しようとしています。Webアプリは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でも確認できます。

だから今、私はサファリを閉じて、再び開いてページを閲覧します。4つのビデオが壊れています。スラッシュが付いたiPadの再生ボタンがあり、再生されません。ここで何が起こっているのか誰か知っていますか？

4

0 に答える 0