设置在HTML 5视频之上时文本不清晰

Question

我有一个表格坐在HTML5视频之上（视频纯粹用于装饰）。当视频呈现时，文本变得非常模糊。当我使用Chrome开发工具删除视频节点时，文本因为又好又干净。

请参阅两个屏幕截图。

导致此渲染问题的原因是什么？我甚至不确定要包含哪些代码，因为我甚至不知道从哪里开始调试

Answer 1

尝试一种方法：将文本容器与视频/标头容器分开，使它们成为兄弟姐妹/不嵌套。

<div id="masthead">
    <video></video>
</div>
<div id="masthead-intro">
    Text
</div>