Next.js中的背景视频

我不熟悉Next.js，但我决定用它为我的客户建立一个网站，而不是为了更好的搜索引擎优化和性能而做出反应

客户希望在家庭Pgae中有一个背景视频，我已经尝试了几个小时将我的视频嵌入到公用文件夹中，但由于某种原因，它不想工作，我一定错过了什么

我的代码如下所示

      <video autoplay muted loop className={styles.video}>
        <source src="./video-1.mp4" type="video/mp4"/>
      </video>

我使用“../styles/Home.module.CSS”中的

导入样式正确导入了CSS

---

请帮忙。截止日期是后天。

什么不起作用？尝试将视频源改为

src=“/video-1.mp4”

。这正是问题所在。非常感谢。这是一个愚蠢的错误。

.video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
}