1

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

此视频正在 Android WebView 中呈现。在所有其他浏览器上都可以正常工作,没有幻想边距或奇怪的控件放置。

我想知道我的任何 css 是否可能会被丢弃(当我检查 Safari Web Inspector 中的计算值时,填充和边距都是 0)

视频应与发际线分隔线齐平

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

您可以看到视频控件垂直居中不正确

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

控件最终消失,视频播放正常

最终,控件消失,视频按应有的方式播放。

有没有办法将 css 直接应用于视频海报?我猜海报的显示很尴尬,因为它与视频的尺寸不同。我想知道我需要什么 CSS 来处理这个问题。

我的 CSS foo 不是那么好。我更像是本地开发人员。

4

1 回答 1

1

这是我的 CSS 的问题。最终我不得不将所有内容包装在一个 div 中,并将高度和宽度设置为 100%

于 2013-04-29T20:23:24.430 回答