我在视频上有一张海报图片,该图片向下移动了大约 40 像素,在上面留下了空白。当视频播放时,它会向上移动并在正确的位置播放。此外,控制栏在视频上垂直居中,而不是在视频底部对齐。
此视频正在 Android WebView 中呈现。在所有其他浏览器上都可以正常工作,没有幻想边距或奇怪的控件放置。
我想知道我的任何 css 是否可能会被丢弃(当我检查 Safari Web Inspector 中的计算值时,填充和边距都是 0)
在视频海报图像上方可以看到带有幻想边缘的图像。海报图像应与发际线分隔线齐平。
我相信上述问题是相关的,当视频控件应该位于底部时,它们在视频上垂直居中。您可以看到视频在该边距中向上移动。
最终,控件消失,视频按应有的方式播放。
有没有办法将 css 直接应用于视频海报?我猜海报的显示很尴尬,因为它与视频的尺寸不同。我想知道我需要什么 CSS 来处理这个问题。
我的 CSS foo 不是那么好。我更像是本地开发人员。