我的Safari版本是15.6.1。我正在建立一个小网站项目。代码在chrome和firefox上运行良好，但在Safari上视频被冻结并在中间显示箭头。
它的行为很奇怪，这个视频是在索引路径-〉/，当我打开或刷新这个页面，视频是冻结的，但当我按下按钮去-〉/{每隔一页}，并返回到索引页与另一个按钮，视频开始播放。
如果有关系的话，里面的按钮有“从下一个链接”/“链接”。
js代码被剪切：

<Layout user={user}>
      <div className="hero-container">
        <video muted autoPlay loop playsInline>
          <source src="/video/video-4.mp4" type="video/mp4"/>
        </video>
    ...

CSS：

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

.hero-container {
  margin-top: 40px;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}