我有一个用HTML5编写的webapp .
主页包含 <video> 标记 .
当我第一次加载页面时，如果我也使用控件（暂停，播放，全屏），则视频会正确播放 .
为了始终在全屏视图中维护webapp，我只使用了一个html页面，当单击一个按钮（或一个锚点）时，我隐藏了容器div（表示逻辑"home page"的内容），并显示所选的一，当播放"home"按钮时，我再次显示原始容器div .
最初，当我点击一个按钮传递到另一个虚拟页面时，视频继续播放，所以我通过jquery暂停它 .
问题是：仅在 iPad 上，当我回到第一个容器（即主页）时，视频不再可用，我看不到海报和视频本身，而div是黑屏 .
我希望可以限制问题的一些注意事项：
-
视频静态加载到
<video>标记和源属性中 . -
我've tried to start with an empty src and load it by jQuery (as explained in many tutorials and in stackoverflow too), it'是一样的 .
-
如果我尝试创建一个播放列表，我会选择不同的视频并使用Javascript在
<video>标记中加载选定的视频 . -
我也尝试用jQuery重新加载页面，但是不起作用 .
不变的beahviours如下：
-
我尝试实现的每项技术都适用于使用Firefox的PC和使用Safari的Mac .
-
只有在我尝试返回初始页面时才会出现iPad上的问题 .
我已经阅读了其他一些在全屏视图中维护webapp的方法，但仅适用于 <a> 标签（例如this :)，我需要将div风格化为按钮（并在jQuery中管理） .
谢谢，如果有人可以帮忙
1 回答
我认为如果你使用flowplayer是更好的实现它是在iPhone和Andriod工作，它是免费的 .