如何使用 HTML 5 Web 应用程序在 iPad 上离线播放视频（使用 Sencha touch 或其他方式）

Posted 2023-02-19

【中文标题】如何使用 HTML 5 Web 应用程序在 iPad 上离线播放视频（使用 Sencha touch 或其他方式）

【英文标题】：How can I play video offline on iPad, using an HTML 5 web app (using Sencha touch or otherwise)

【发布时间】：2011-03-16 14:29:52

【问题描述】：

我创建了一个网络应用程序（使用 Sencha Touch，但这并不重要），我正在尝试使其离线。这是一个带有图像和视频的幻灯片。 在线时，它使用 html 中的标签播放 mp4 视频。 我可以使用缓存清单文件使其离线，该文件适用于所有其他内容，但我的视频在离线时无法播放。

我使用“添加到主屏幕”按钮在主屏幕上创建了一个网络应用程序图标。

【问题讨论】：

视频的尺寸是多少？移动 Safari 有 5mb 缓存限制：***.com/questions/2908459/…

【参考方案1】：

您始终可以将视频源提供为 base64 字符串而不是 URL。这样，视频实际上就嵌入到了文档中，并且无论互联网连接如何都可以播放。

查看此示例页面并查看页面来源：http://iandevlin.com/html5/data-uri/video.php