Какой есть готовый polyfill для видео-фона?

Question

[Alexander]

Здравствуйте, столкнулся со следущей проблемой кроссбраузерности. При добавлении видеофона на сайт, по какой-то причине Safari долго загружает сайт, хотя в остальных браузерах все происходи быстро, уверен что проблема в видеофоне, ибо тестировал это уже. Как я могу исправить этот баг, может есть какой-то готовый polyfill для видео-фона?

Мои исходный код:

<video
          src="../src/img/World - 1992.mp4"
          preload="auto"
          muted
          playsinline
          autoplay="autoplay"
          loop="loop"
        ></video>

&-media {
    background: #000 url("../img/hero.jpg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      background-color: rgba(0, 0, 0, 0.5);
    }
    video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%;
      object-fit: cover;
    }
  }