海报属性在iPhone 5上的视频标签中不起作用

Question

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

我的应用程序一直存在问题，虽然它适用于Chrome（iPhone，iPad，笔记本电脑）和iOS7 Safari（仅适用于iPad）。虽然视频播放正常，但iPhone的iOS7 Safari无法呈现海报图像。

根据HTML5Test.com，iOS7 Safari for iPhone支持视频元素并提供海报图像支持。但是，使用http://www.w3schools.com/tags/att_video_poster.asp中的示例代码，您会注意到iPhone上没有为Safari加载海报图片（但它在Chrome上运行正常）。

另外，根据Apple（参见“显示海报”）：

“设置海报图像通常具有短暂效果 - 海报图像仅在视频的第一帧可用时显示，通常为一秒或两秒。但是，在iOS上，第一帧直到用户启动播放，建议使用海报图像，如清单1-2所示。“

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html

我想确保在使用黑客来解决这个问题之前，我并没有错过任何简单的内容。

Answer 1

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

奇怪的是，JPG在iOS Safari中本地工作（通过本地wifi上的POW服务器）但是当推送到暂存时，海报图像没有加载。本地代码和临时代码都引用了S3上的相同文件。

将文件格式更改为PNG并加载正常。