android - Android上的HTML5 <video>包含带有上边距的海报图片</video>

我在视频上有一张海报图片，向下移动约40个像素，在其上方留下空白。当视频播放时，它向上移动并在正确的位置播放。此外，控制栏在视频上垂直居中，而不是在视频底部对齐。

此视频正在Android WebView中呈现。适用于所有其他浏览器，没有幻想边距或奇怪的控件放置。

我想知道我的css是否可以将其丢弃（当我检查Safari Web Inspector中的计算值时，填充和边距均为0）

The video should be flush with the hairline divider

在视频海报图像上方可以看到幻想边缘。海报图像应与发际线分隔线齐平。

You can see the video controls are incorrectly centered vertically

我认为上述问题是相关的，当视频控件位于底部时，视频控件垂直居中于视频。您可以看到视频已在该边距中向上移动。

The controls eventually fade away and the video plays fine

最终控制逐渐消失，视频播放应该播放。

有没有办法直接将css应用于视频海报？我猜这张海报显示得很尴尬，因为它的大小与视频不同。我想知道我需要处理什么CSS。

我的CSS foo并不是那么棒。我更像是一名本地开发人员。