在iPhone 5上的视频标记中不工作的海报属性

Question

有人知道iOS7 iPhone的Safari在视频标签中的海报属性是否有问题吗？

虽然我的应用程序适用于Chrome (iPhone，iPad，笔记本电脑)和iOS7 Safari (仅适用于iPad)，但我的应用程序一直存在问题。虽然视频播放得很好，但iOS7 Safari for iPhone并没有呈现海报图像。

根据HTML5Test.com，iOS7 Safari for iPhone支持视频元素并提供海报图像支持。但是，使用poster.asp的示例代码，您会注意到iPhone上没有为Safari加载海报图像(但它在Chrome上运行得很好)。

此外，每个苹果公司(见“展示海报”)：

“设置海报图像通常具有暂时性的效果--海报图像只显示到视频的第一帧可用为止，通常只有一两帧。然而，在iOS上，第一帧直到用户开始播放时才会显示，建议使用海报图像，如清单1-2所示。”

Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html

在我用黑客绕过这件事之前，我只想确保我没有错过一些简单的东西。

Answer 1

我是通过使用PNG而不是JPG来实现这一点的。

奇怪的是，JPG在本地iOS Safari中工作(通过本地wifi上的POW服务器)，但是当按下放置海报图像时没有加载。本地代码和暂存代码都引用了S3上的同一个文件。

将文件格式更改为PNG，它将很好地加载。