在 Firefox 中，由 VIDEO 标签的 poster 属性指定的图像会保留在屏幕上，直到按下播放按钮。然而，在 Webkit 浏览器(Safari 和 Chrome)中，一旦获取视频元数据，海报就会转储到视频的第一帧。
如果可以的话，我想避免手动将海报放在视频元素的顶部。有谁知道解决这个问题？
<video src="some_url" poster="images/poster.jpg">
<source type="video/ogg" src="some_url" />
</video>
最佳答案
似乎 WebKit 会在提取视频后立即剥离该属性，因为适用于 Iphone 和 Ipad 的 iOS 3.x 存在严重错误，即在指定海报属性时根本无法播放视频。这已在 iOS 4 中得到修复，但解决方法仍然存在，即使在 Safari 5 中也是如此......有很多用户尚未升级到 iOS 4，所以发帖者运气不佳......
我将尝试使用 Javascript 将图像完全定位在视频上，并在播放视频时将其移除 - 这似乎是最佳解决方案...
关于javascript - Safari 和 Chrome 中的 HTML5 视频海报属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3239704/