似乎一系列浏览器(某些特定于设备)不支持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上的这篇文章有关。
答案 0 :(得分:0)
我建议将<video>
元素包装在<div>
中。在外部div包装上进行样式设置,并将视频元素的 width 和 height 设置为 inherit
。