html5视频控件没有在iPad上显示

时间:2012-03-07 16:57:43

标签: html ipad html5 video

我在幻灯片中有一个包含3-5个视频的页面。一次只能看到一张幻灯片,可以通过单击左/右箭头来浏览幻灯片。 对于iPad,我使用视频标签添加视频:

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

这适用于页面加载幻灯片中的至少1个视频(通常是最后一个),但其他视频仅显示为没有播放按钮的黑盒子。单击幻灯片放映的左右按钮可以显示一些视频控件,然后视频播放正常。但在页面加载时,大多数视频盒都保持黑色。
我已经测试了只有一个视频标签的页面上的所有视频,并且它们正常播放,因此它不是编码问题。问题发生在iPad 1(ios 4.2)和iPad 2(ios 5)

1 个答案:

答案 0 :(得分:1)

找到解决方案:
问题只发生在所有视频播放器在页面加载时都可见。
我默认将视频标记的css更改为display:none;,并使用setTimeout()函数淡入播放器,超时为1000。 希望能帮到那里的人