我有一个用HTML5写的网络应用程序。
主页包含一个<video>
标记。
当我第一次加载页面时,视频将被正确播放,如果我也使用控件(暂停、播放、全屏)。
为了始终在全屏视图中维护webapp,我只使用了一个html页面,当单击一个按钮(或一个锚)时,我隐藏容器div (表示逻辑“主页”的内容),并显示所选的一个,当播放"home“按钮时,我再次显示原始的容器div。
最初,当我单击一个按钮传递到另一个虚拟页面时,视频继续播放,所以我通过jquery暂停它。
问题是:只有在iPad上,当我回到第一个容器(即主页)时,视频就没有了,我看不到海报和视频本身,div是黑色屏幕。
我希望一些注释可以限制这个问题:
<video>
标记和源属性中。<video>
标记中,情况也是一样。经常出现的流星如下:
我不认为这个问题取决于我使用的显示/隐藏技术,而是依赖于iPad行为。我读过其他一些方法来在全屏视图中维护webapp,但是只适用于<a>
标记(比如this:),我也需要将div样式化为按钮(并在jQuery中进行管理)。
如果有人能帮忙,谢谢
发布于 2015-05-06 16:59:23
我认为如果您使用flowplayer更好,那么它在IPhone和Andriod上工作是一个很好的实现,它是免费的。
https://stackoverflow.com/questions/30083015
复制相似问题