哪些设备/浏览器支持<video>元素的背景颜色属性？</video>

Question

似乎一系列浏览器（某些特定于设备）不支持background-color属性。我在这里创建了一个独立的测试：

http://jsfiddle.net/laustdeleuran/u7WBq/

到目前为止，似乎IE9和IE10并不支持这个属性，而Chrome，FF，Opera和Safari（都在PC上）都可以。我在测试时正在更新小提琴。

在某些测试用例中，我确实在视频渲染之前在IE10上看到了红色背景颜色的快速闪烁。但是视频然后在红色背景颜色上呈现黑色，我猜这可能是因为整个区域都是硬件加速。

This post on a Metro HTML5 app可能与background-color on videos on iPad上的这篇文章有关。

Answer 1

我建议将<video>元素包装在<div>中。在外部div包装上进行样式设置，并将视频元素的 width 和 height 设置为 inherit 。