我一直在使用HTML5视频的iPad专用网站，虽然我有视频播放工作，但我不能在我的生活中看到海报图像。它在Desktop Safari上看起来很好。这是代码：
<video src="video/about_the_man.mp4" controls height=360 width=480 poster="video/posters/about_the_man.jpg"></video>
它说在iOS上会显示海报图像，直到用户启动播放，但现在我所得到的只是一个黑色视频大小的屏幕，中间有一个大的播放按钮。我已经看过这个顶部的其他帖子（here和here），但这两个解决方案对我都没有用。关于该网站唯一有点不同寻常的是视频元素在内联灯箱中，所以最初在页面加载时它是不可见的，但我不知道为什么会产生影响。
答案 0 :(得分：6)
我遇到了完全相同的问题。我决定在其他iPad上试用我的代码，它运行良好。海报图片出现了。
稍微摸了一下头之后，解决办法就是硬重置iPad然后再试一次。重新启动后，我的iPad会显示海报图像。
也许它适合你？
答案 1 :(得分：2)
我发现您可以在iPad上加载的图片数量有限
以下是它的说法：
我在构建AJAX-y网站时最近遇到了移动Safari限制 在iPad上。如果您加载大量图像，最终移动Safari会削减 你关闭并将显示[？]而不是图像。做了一些 测试看起来这个限制大约是6.5 MB。这是一个测试页面 我试图加载20 500kb图像。打开此页面时 在iPad上，有7张图片没有出现，即使在Charles看来也是如此 正在回归200 - 成功。我假设这与方式类似 iPad / iPhone上的视频标签禁用自动播放。苹果可能 想要确保用户在下载时不会超载 浏览3G。
无论如何，6.5 MB是一个巨大的负载，在3G上不会很好，但由于某种原因，你可能想要解决这个限制。我发现修补代码的最简单方法是使用drawImage()将图像加载到canvas标记中。 canvas标签似乎不受限制。
这是使用canvas标签的another test page，所有图片都应加载。