HTML5背景视频 - 使其他内容像素化/颗粒状

时间:2011-08-15 04:01:33

标签: html5 html5-video

我正在尝试使用HTML5的视频标记制作一个带有视频背景的网站。我也尝试过使用jQuery插件(http://plugins.jquery.com/project/videoBG)。我让视频加载并正常工作,但每次它使其他内容显得颗粒状/像素化。无论如何将项目置于视频背景之上并且不使它们显得颗粒状/像素化?

您可以看到我创建的页面。代码非常简单,所以我不会在这里包含它。

使用视频:http://createinform.com/test4.html 没有视频:http://createinform.com/test3.html

您会注意到徽标和文本在页面之间看起来有所不同,但它们使用的是保存CSS规则。提前谢谢!

干杯, 埃文

2 个答案:

答案 0 :(得分:0)

这似乎是a known issue with Chrome。我在Firefox(5.0),IE(9)和Opera(10)中尝试了相同的两个页面,我无法分辨渲染中的差异。

编辑:我也尝试过Safari(5.0.1 / Windows)中的两个页面,渲染效果看起来更糟糕。所以,也许这是一个webkit问题。

答案 1 :(得分:0)

Chrome错误的一部分,您的徽标图片比它看起来更大,并通过CSS缩小。 使用正确大小的图像可以删除任何徽标问题。

下面的文字在版本BTW(chrome 14.0.797.0 m)

中呈现正常