HTML5 视频播放前闪烁白色？

Question

我正在使用 HTML5 视频标签将 OGG/MP4/OGV 视频文件嵌入到我的网站中。问题在于，有一个白框在视频加载前的一瞬间闪烁。我尝试更改视频元素的背景颜色，但它仍然显示一个白色框。有什么办法可以防止这种情况发生吗？

我的CSS：

video {
  background-color:#000;
  width:100%;
  height:auto;
}

谢谢！

Answer 1

我遇到了类似的设置问题，即height:auto在视频上，父高度不是固定值。向视频添加边框似乎可以解决该问题。不知道为什么，但我想它会强制浏览器在完全计算高度之前渲染视频布局。

video {
    // ...
    border-bottom: 1px solid transparent;
}