Html 视频设置为div背景，不覆盖页面的全部宽度

我对网络开发相当陌生，我试图为一个特定的“div”设置背景，使其成为一个视频。经过广泛的研究，我成功地做到了这一点，但问题是视频没有覆盖整个页面。有没有办法让视频覆盖整个页面，只针对特定的“div”部分。。。。？ 谢谢

这是我用来在背景中插入视频的html代码

 <header>

        <div style="position: fixed; top: 0; width: 100%; height: 100%; z-index: -1;background-size: cover; background-image:url(frame.jpg) no-repeat center top">
                <video id="video" style="width:100%; height:100%" autoplay loop>
                  <source id="mp4" src="Sea.mp4" type="video/mp4">
                </video>
        </div> 

---

您没有正确应用背景图像属性值：

背景图像只接受案例中的url，但不接受位置和大小

你喜欢：

background: url(frame.jpg) center top / cover;

还加

body{margin:0;}

---

要按全宽删除应用于正文的默认边距

，我的意思是视频两侧仍有白色边缘。我试着降低z索引值，删除背景色css，但所有这些都不起作用…嗨！我在标题中插入了这个，所以我尝试将标题的边距设置为0，但似乎不起作用…你知道body标签，对吗？如果正文不起作用，请尝试使用*{margin:0；}Yes。我尝试了在演示中使用body标签所做的操作，但仍然有空白。。body{overflow-x:hidden；margin:0；}@Shashank-ahh我知道现在您在设置背景图像时遇到了问题。我会在一秒钟内编辑我的答案。嗨，谢谢你的建议，但它似乎不起作用。图像，只是视频的第一帧。不管图像是否存在，视频不应该覆盖宽度吗？