quiero poner un vídeo en mi página web realizada con HTML y CSS, el vídeo me gustaria que estuviera en la parte de arriba, y que me abarque el 100% de ancho, pero de alto que pudiera estar a un 50%, sin embargo no logro redimensionar la altura del vídeo, me gustaría saber si hay alguna forma y si me pudieran ayudar, de antemano, muchas gracias. :)
Me gustaría que se viera algo así, como en esta página: https://www.pexels.com/es-es/videos/
Siento que su altura es de aproximadamente un 50%-80%
Código HTML:
<div class="h">
<div class="tit_index_video">
<h1>Pasión por el empoderamiento y el reconocimiento</h1>
</div>
<video onloadstart="this.muted=true" autoplay loop>
<source src="videos/video1.mp4">
</video>
</div>
Código CSS:
.h {
width: 100%;
height: 50%;
position: relative;
}
video {
width: 100%;
height: 50%;
}
object-fit: cover;