Javascript HTML视频属性在react页面上不起作用

所以我只是在设计一个基本的投资组合，我想要一个视频在div的背景中自动循环播放。为此，我做了一些修改。长话短说，由于某些原因，我的视频没有出现。如果你们知道这里发生了什么，请告诉我

App.js：

class App extends Component {
  render(){
    return(
      <div>
        <div className="container-fluid">
          <div className="row">
            <div className="startBackground">
              <video autoPlay muted loop>
                <source src="images/timelapse.mp4" type="video/mp4" />
              </video>
              <HeaderJumbotron/>
            </div>
          </div>
        </div>
      </div>
    )
  }
}

.startBackground {
  width: 100%;
  height: 100%;
  padding: 20px;
  margin-top: 20px;
  position: relative;
}

.startBackground video {
  width: 100%;
  height: 300px;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

---

timelapse.mp4位于src文件夹中的images文件夹中。所有其他文件（index.js、app.js、index.css等）都在src内部。知道我做错了什么吗？任何帮助都将不胜感激

将所有视频放在公共/视频中，然后通过以下方式访问：

<video autoPlay muted loop>
    <source src="/Videos/timelapse.mp4" type="video/mp4" />
</video>

问题解决了！：）

注意：不要忘记在路径的开头添加/中