Android上的HTML5 具有頂邊距的海報圖像

我在一個視頻上向下移動了大約40個像素的上方留下空白的海報圖像。當視頻播放時，它會向上移動並播放到正確的位置。此外，控制欄在視頻中垂直居中，而不是在視頻底部對齊。Android上的HTML5 具有頂邊距的海報圖像

此視頻呈現在Android WebView中。在所有其他瀏覽器上運行良好，沒有幻想邊緣或奇怪的控制位置。

我想知道如果我的任何CSS的可能是把它扔關閉（當我檢查在Safari網絡督察計算值都padding和margin爲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不太好。我更多是本地開發者。

2013-04-09 atreat

這是我的CSS問題。最終我不得不將所有東西都包裝在一個div中，把高度和寬度都設置爲100％

2013-04-29 20:23:24 atreat

您能否提供解決方案的小提琴？我有同樣的問題。 – 2015-05-08 14:19:53

回答