5

我一直在开发一个使用 HTML5 视频的特定于 iPad 的网站，虽然我可以播放视频，但我一辈子都无法让海报图像出现。在桌面 Safari 上看起来不错。这是代码：

<video src="video/about_the_man.mp4" controls height=360 width=480  poster="video/posters/about_the_man.jpg"></video>

我使用此链接作为参考（清单 1.2）：https ://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/ TP40009523-CH2-SW6

它说在 iOS 上，海报图像将一直显示，直到用户开始播放，但现在我得到的只是一个黑色视频大小的屏幕，中间有一个大的播放按钮。我已经查看了此顶部的其他帖子（此处和此处），但两种解决方案均不适合我。该网站唯一有点不同寻常的是视频元素位于内联灯箱中，因此最初在页面加载时它是不可见的，但我不知道为什么会有所作为。

4

2 回答 2

6

我有同样的问题。我决定在其他 iPad 上尝试我的代码，它运行良好。海报图片出现了。

在挠了挠头之后，解决方案是硬重置 iPad 并重试。重新启动后，我的 iPad 显示了应有的海报图像。

也许它会为你工作？

于 2011-02-24T16:15:51.980 回答
2

我发现你可以在 iPad 上加载的图像数量是有限制的

这是它所说的：

我最近在 iPad 上构建 AJAX-y 网站时遇到了移动 Safari 限制。如果您最终加载大量图像，移动版 Safari 会阻止您并显示 [?] 而不是图像。在做了一些测试之后，这个限制似乎在 6.5 MB 左右。这是我尝试加载 20 500kb 图像的测试页面。在 iPad 上打开此页面时，有 7 个图像没有出现，即使在 Charles 中它们返回 200 - 成功。我假设这类似于为 iPad/iPhone 上的视频标签禁用自动播放的方式。Apple 可能希望确保用户在 3G 上浏览时不会因下载过多而感到负担。

无论如何，6.5 MB 是一个沉重的负载，在 3G 上表现不佳，但出于某种原因，您可能希望解决此限制。我发现修补代码的最简单方法是使用drawImage(). 画布标签似乎不受限制。

这是另一个使用 canvas 标签的测试页面，应该加载所有图像。

于 2011-08-24T14:22:57.427 回答