html5视频控件未在iPad上显示

html5视频控件未在iPad上显示,ipad,html,video,Ipad,Html,Video,我有一个幻灯片放映的3-5个视频页面。一次只能看到一张幻灯片,单击左/右箭头可以导航幻灯片。 对于iPad,我使用视频标签添加视频,如下所示: <video controls="controls" width="930" height="556" src="{url}" ></video> 这对于页面加载幻灯片中的至少一个视频(通常是最后一个视频)很好,但其他视频仅显示为黑色框,没有播放按钮。多次单击幻灯片放映的左右按钮可显示一些视频控件,然后视频播放正常。但在页面

我有一个幻灯片放映的3-5个视频页面。一次只能看到一张幻灯片,单击左/右箭头可以导航幻灯片。 对于iPad,我使用视频标签添加视频,如下所示:

<video controls="controls" width="930" height="556" src="{url}" ></video>

这对于页面加载幻灯片中的至少一个视频(通常是最后一个视频)很好,但其他视频仅显示为黑色框,没有播放按钮。多次单击幻灯片放映的左右按钮可显示一些视频控件,然后视频播放正常。但在页面加载时,大多数视频框保持黑色
我在一个页面上测试了所有视频,只有一个视频标签,它们播放正确,所以这不是编码问题。这个问题发生在iPad1(ios 4.2)和iPad2(ios 5)上。

找到了解决方案:
只有当页面加载时所有视频播放器都可见时,问题才会发生。
我将视频标签的css更改为
display:nonesetTimeout()
函数在播放器中淡入,超时时间为1000。 希望这能帮助别人