我有一个用HTML5编写的webapp
主页包含<!DOCTYPE html>
<html>
<head>
<title>Your Home Page</title>
</head>
<body>
<div id="profile">
<b id="welcome">Welcome : <i><?php echo $login_session; ?></i></b>
<b id="logout"><a href="logout.php">Log Out</a></b>
</div>
</body>
</html>
标记
我第一次加载页面时正确播放视频，如果我也使用控件（暂停，播放，全屏）。
为了始终在全屏视图中维护webapp，我只使用了一个html页面，当单击一个按钮（或一个锚点）时，我隐藏了容器div（表示逻辑“主页”的内容），并且显示所选的一个，当播放“主页”按钮时，我再次显示原始容器div
最初，当我点击一个按钮传递到另一个虚拟页面时，视频继续播放，所以我通过jquery暂停它。
问题是：仅在 iPad 上，当我回到第一个容器（即主页）时，视频不再可用，我看不到海报和视频本身， div是黑屏。
我希望可以限制问题的一些注意事项：
<video>标记和来源中
属性。 <video>代码。不变的行为如下：
我不相信问题取决于我使用的show / hide技术，但取决于iPad的行为。我已经阅读了其他一些在全屏视图中维护webapp的方法，但仅适用于<video>标签（例如this :)，我需要将div样式化为按钮（并在jQuery中管理）。
谢谢，如果有人可以提供帮助
答案 0 :(得分：0)
我认为如果你使用flowplayer更好，它可以在iPhone和Andriod上运行，它是免费的。