У меня есть видео со следующими свойствами: ширина рамки: 1920 и высота кадра: 1080. Мне нужно, чтобы его ширина и высота составляли 100%, тем самым заполняя весь экран. И он также должен быть отзывчивым. Пока у меня есть этот код:
<video class="hidden-xs hidden-sm hidden-md hidden-custom videosize embed-responsive-item" autoplay="autoplay" loop="loop">
<source src="~/Videos/myvideo.mp4" type="video/mp4" />
</video>
CSS
.videosize {
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100vh;
}
С приведенным выше кодом он идеально подходит для разрешения экрана 1680 x 1050, однако с другим разрешением он занимает 100% высоты, а ширина настраивается, оставляя белые пробелы с обеих сторон.
Любая идея? Спасибо.