ios html5不显示图片,为什么iOS上的Safari不显示我的HTML5视频海报？

我有这个网页：

http://healthpad.net/dashboard/

它具有10< video>元素就可以了。

由于某些原因，当我在iPad上加载页面时，它不显示视频海报。

尝试以下操作：

>在桌面浏览器上加载页面

>在iPad或iPad模拟器上加载它，你会得到一个带有播放按钮的大黑盒

请告诉我为什么会发生这种情况？

这里是我已经排除：

图像内容类型头。

我验证了图像内容类型头正确设置。

在上面的示例中，Content-Type头适当地image / jpeg。

与video.js库的干扰

VideoJs用于在桌面浏览器上显示漂亮的播放按钮，并自定义控件。然而这个库不干扰本地播放器。

为了确保，我创建了一个没有video-js类的测试视频页面，因此库不会接收和处理该视频。事实上，测试页甚至不包括任何JS库，它只是

controls

height="400"

width="600"

poster="http://healthpad.net/media/CACHE/images/uploads/video_poster_1414/bd5fba5a68ddd0f4b3f61193f6908962.jpg"

src="http://healthpad.net/media/uploads/video_processed_720p_1414.mp4"

>

使用移动Safari上可能不支持的任何视频属性

上面的测试页只有一个纯视频标签。我试图删除除src和海报除外的每个其他属性，它没有帮助。

大多数StackOverflow问题的主题只是说“重新启动你的iPad”

这里是奇怪的：

如果你google上周围这一点，已经接受的StackOverflow的答案经常说“重新启动你的iPad，这是为我”。

所以我试着做同样的事情，一开始我只是说，它不工作在我的情况。

然后，我试过这：

(以下所有在iPad模拟器上)

>去网站，视频海报不显示

>转到测试页(http://healthpad.net/rj_templates/test/zzz/)，视频海报不显示。

>单击首页以退出Safari(或Cmd Shift H mac模拟器快捷方式)

>双击主页按钮获取Safari外的任务切换器，点击并按住safari图标，直到kill按钮显示。

>杀死Safari

>打开safari(重新启动)。此时，如果您加载测试页(只有一个视频)，海报将显示。

>现在转到多视频页面：(http://healthpad.net/dashboard/)。视频海报不显示。

>回到单一视频测试页，该视频海报不再工作。

>重复步骤3到8，查看视频海报停止工作的过程。

显然，在某些时候，Mobile Safari决定不再显示任何视频海报。

另外，显然，我的网站触发这个条件。

说明：

当海报不再工作时，它不仅发生在一个域，不会为任何其他网站加载视频海报，无论它是否在一个完全不同的域(例如从http://www.videojs.com/演示视频)。

为了重置这种行为，从我看到，你必须杀死并重新启动Safari。只是关闭和重新打开它不会重置此状态。

有谁有任何想法为什么这种情况发生？有办法解决它吗？