我在幻灯片中有一个包含3-5个视频的页面。一次只能看到一张幻灯片,可以通过单击左/右箭头来浏览幻灯片。 对于iPad,我使用视频标签添加视频:
<video controls="controls" width="930" height="556" src="{url}" ></video>
这适用于页面加载幻灯片中的至少1个视频(通常是最后一个),但其他视频仅显示为没有播放按钮的黑盒子。单击幻灯片放映的左右按钮可以显示一些视频控件,然后视频播放正常。但在页面加载时,大多数视频盒都保持黑色。
我已经测试了只有一个视频标签的页面上的所有视频,并且它们正常播放,因此它不是编码问题。问题发生在iPad 1(ios 4.2)和iPad 2(ios 5)
答案 0 :(得分:1)
找到解决方案:
问题只发生在所有视频播放器在页面加载时都可见。
我默认将视频标记的css更改为display:none;
,并使用setTimeout()
函数淡入播放器,超时为1000。
希望能帮到那里的人