Html 标题和正文内容下带有背景视频的CSS代码

Html 标题和正文内容下带有背景视频的CSS代码,html,css,video,background,Html,Css,Video,Background,在我的页面顶部是一个标题,使用php从不同的文件/文件夹中拉入 我想在我的内容主体和标题下完全覆盖背景视频。但是,每当我把它放在我的内容下时,它就只在我的内容下,并且由于某种原因,标题消失了。此外,当我把它放在标题,然后我会得到它在顶部只和身体将是空的,我的正常内容,但没有背景视频 *{ 框大小:边框框; } 身体{ 保证金:0; 字体系列:Arial; 字号:17px; } #我的视频{ 位置:固定; 右:0; 底部:0; 最小宽度:100%; 最小高度:100%; } 您的浏览器不支持H

在我的页面顶部是一个标题,使用php从不同的文件/文件夹中拉入

我想在我的内容主体和标题下完全覆盖背景视频。但是,每当我把它放在我的内容下时,它就只在我的内容下,并且由于某种原因,标题消失了。此外,当我把它放在标题,然后我会得到它在顶部只和身体将是空的,我的正常内容,但没有背景视频

*{
框大小:边框框;
}
身体{
保证金:0;
字体系列:Arial;
字号:17px;
}
#我的视频{
位置:固定;
右:0;
底部:0;
最小宽度:100%;
最小高度:100%;
}

您的浏览器不支持HTML5视频。

我不知道这是否是您想要实现的目标,但您可以尝试添加一个z索引负片并进行一些css调整

*{
框大小:边框框;
}
身体{
保证金:0;
字体系列:Arial;
字号:17px;
}
#我的视频{
位置:固定;
最高:50%;
左:50%;
最小宽度:100%;
最小高度:100%;
宽度:自动;
高度:自动;
z指数:-100;
转化:translateX(-50%)translateY(-50%);
}

您的浏览器不支持HTML5视频。

测试
我不知道你的确切意思,但也许这会对你有所帮助。
我用css定义了标题

header {
  position: fixed;
  top:0px;
  left: 0px;
  right:0px;
  min-width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 10px;
}
并放置标题标签

<header>My Header</header>

我的头球
您的浏览器不支持HTML5视频。

请证明并解释您的答案,并制作一个适当的代码段(虽然不起作用,但感谢您的回答!)弗拉维奥·卡鲁索的回答非常有效!那很有魅力!英雄,非常感谢你我试了几个小时,你在我发布omgI后的10分钟内就得到了。感谢你的时间和帮助@JeremyW感谢语法的变化,英语不是我母亲的语言,因此德语。我很感激!:)