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

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

根据HTML5Test.com,适用于iPhone的iOS7 Safari支持视频元素并提供海报图像支持.但是,使用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

在我使用黑客来解决这个问题之前,只是想确保我没有遗漏一些简单的东西.

最佳答案 我通过使用PNG而不是JPG来实现这一点.

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

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