<div class="video__iframe">
<video id="video" width="100%" height="auto" controls autoplay loop preload="auto">
<source src="/kosmos.mp4">
<source src="/kosmos.webm" type="video/webm">
<p>Сожалею; ваш браузер не поддерживает HTML5 видео в WebM с VP8 или MP4 с H.264.</p>
</video>
</div
.video__iframe {
width: 100%;
height: 100%;
position: absolute;
}
.video__iframe video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
}
<span class="disabled active any-class" style="display: none"></span>
@font-face {
font-family: Condensed;
font-style: normal;
font-weight: 100; /* Thin */
src: url(../Fonts/Exo2-ThinCondensed.otf);
}
@font-face {
font-family: Condensed;
font-style: normal;
font-weight: 300; /* Light */
src: url(../Fonts/Exo2-LightCondensed.otf);
}
body {
font-family: Condensed;
}
.task_desc > h1 {
font-size:41px;
margin:21px auto;
font-weight: 300;
}
.task_desc > ul > li > h1 {
font-weight: 100;
font-size:41px;
padding-left: 88px;
}