iPad 上的 web 应用程序中的 html5 视频仅在我第一次加载页面时播放。我该如何解决？

Question

我有一个用 HTML5 编写的 webapp。
主页包含<video> 标签。
当我第一次加载页面时，视频可以正确播放，如果我也使用控件（暂停、播放、全屏）。
为了保持 webapp 始终处于全屏视图，我只使用了一个 html 页面，当单击按钮（或锚点）时，我隐藏了容器 div（代表逻辑“主页”的内容），并且显示选定的一个，当播放“主页”按钮时，我再次显示原始容器 div。
原来，当我单击一个按钮传递到另一个虚拟页面时，视频继续播放，所以我通过 jquery 将其暂停。
问题是：仅在iPad上，当我回到第一个容器（即主页）时，视频不再可用，我看不到海报和视频本身，并且 div 是黑屏。

我希望可以限制问题的一些注释：

1. 视频静态加载在<video> 标记和源中 属性。
2. 我尝试从一个空的 src 开始并通过 jQuery（正如许多教程和 stackoverflow 中所解释的那样），它是一样的。
3. 如果我尝试在 我选择不同的视频并将选定的视频加载到 <video> 使用 Javascript 标记。
4. 我也尝试过用 jQuery 重新加载页面，但不起作用。

恒定的行为如下：

• 我尝试实施的每项技术都在 PC 上运行良好 Firefox 和 Mac 上的 Safari。
• 只有在我尝试返回初始页面时才会出现 iPad 上的问题。

我不相信问题取决于我使用的显示/隐藏技术，而是取决于 iPad 的行为。我已经阅读了一些在全屏视图中维护 webapp 的其他方法，但仅适用于<a> 标签（例如this:），我也需要将 div 风格化为按钮（并在 jQuery 中管理）。

如果有人可以提供帮助，谢谢

Answer 1

我认为如果你使用 flowplayer 更好，它可以在 iPhone 和 Andriod 上运行，这是一个很好的实现，它是免费的。