Почему видео на сайте становится не сверху, а поверх другого контента?

Question

[koha02]

Видео становится поверх всего, а мне нужно сверху.
HTML:

<div class="bgvideo">
      <video src="static/video/water.mp4" type="video/mp4" autoplay muted loop></video>
      <div class="video-text">
        <h1>Future's here</h1>
      </div>
    </div>

CSS:

.bgvideo video {
    height: 70vh;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bgvideo {
    height: 70vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 1;
} 

.video-text {
    color: aqua;
    z-index: 2;
}

Comments

[koha02]

Фото не получается приложить, пишет: "Не удалось загрузить файл."

[Lynn «Кофеман»]

А position:absolute у него зачем?

[Владислав Лысков]

потому что вы так написали

position: absolute;
    top: 0;
    left: 0;

[koha02]

Владислав Лысков, так это чтоб object-fit: cover работало и все было сверху

[Владислав Лысков]

Koha02, дак его наверное на тэг video надо вешать

[koha02]

Владислав Лысков, Так и есть, спасибо!!!