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;
}

Answer 2

video {background: transparent;}

这应该处理。