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

Question

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

尽管我的应用程序适用于 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 上，直到视频的第一帧可用后才会显示第一帧用户启动播放，推荐海报图片，如 list 1-2所示。”

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

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

Answer 1

我通过使用 PNG 而不是 JPG 来实现此目的。

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

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