Как сделать так чтобы тег video занимал всю ширину и высоту контейнера?

Question

[JordanBelford]

Здравствуйте! Необходимо чтобы плеер занимал половину экрана пользователя и был такой же высоты что и правая колонка. Как можно решить такую проблему?

<div class="video">
	<div class="video__row-top">
		<div class="video__col">
			<video src="video/videoplayback.mp4" controls poster="img/content-nature/foto top.png"></video>
		</div>
		<div class="video__col_text">
			<div class="video__title title">
				<p>Nature from the air</p>
			</div>
			<div class="video__subtitle subtitle">
			<p>
Pellentesque eget nunc sit amet urna ullamcorper fermentum et eu leo. Nunc vel nibh tempor, pharetra lectus congue, luctus orci nec ultricies sem efficitur quis. Integer bibendum eget metus ac accumsan.
</p>
			</div>
			<div class="video__link link">
				<a href="">Ask for price</a>
			</div>
		</div>
	</div>
</div>

.video {
	& .video__row-top {
		display: flex;
		& .video__col {
			flex: 0 1 50%;
		}
		& .video__col_text {
			flex: 0 1 50%;
			padding: 17.38vh 4.16vw 17.38vh 4.17vw;
			background-color: #f6f6f6;
			& .video__title {
				margin: 0 0 3.27vh 0;
			}
			& .video__subtitle {
				margin: 0 0 5.95vh 0;
			}
			& .video__link {}
		}
	}
}

Answer 1

[Игорь]

родительскому блоку
position: relative

video
position: absolute
width: 100%
height: 100%

Пример тут https://codepen.io/igor307/pen/bGEMLam#0