将视频设置为背景“图像”的方法

时间:2011-02-10 15:07:39

标签: css flash

我需要设置一个以视频为背景的网站。

我是否可以使用z-index在视频顶部放置其他元素?还有更好的选择吗?

3 个答案:

答案 0 :(得分:3)

我还没有测试过,但您可以尝试将<video>的宽度/高度设置为100%,然后使用z-index让所有其他元素保持在它之上......

编辑: 例如,将视频设置为整页背景

<body style="height: 100%;width: 100%">
<div style="position: fixed; top: 0; width: 100%; height: 100%; z-index: -1;">
 <video src="" width="100%" height="100%" autoplay>
 Your browser does not support the video tag.
 </video>
</div>
... rest of your site

答案 1 :(得分:1)

您不能将其应用为CSS背景(背景属性)。您可以通过使用通过z-index属性控制的图层来提供效果。

答案 2 :(得分:0)

如果你使用flash作为你的视频播放方法,那么无论z-index如何,闪存始终都是最重要的,但我想这可以通过使用新的HTML5 <video>标签来完成。

无法转换为高帧速率动画图像并设置为BG ...