【问题标题】:HTML5 <video> on Android has poster image with top marginAndroid 上的 HTML5 <video> 具有上边距的海报图片
【发布时间】:2013-04-09 15:11:48
【问题描述】:

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

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

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

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

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

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

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

我的 CSS foo 不是那么好。我更像是一个原生开发者。

【问题讨论】:

    标签: android css html video webview


    【解决方案1】:

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

    【讨论】:

    • 你能提供一个解决方案吗?我有同样的问题。
    猜你喜欢
    • 2013-08-16
    • 1970-01-01
    • 2010-12-15
    • 2018-06-30
    • 2011-07-13
    • 1970-01-01
    • 1970-01-01
    • 2013-11-30
    • 1970-01-01
    相关资源
    最近更新 更多