В настоящее время я пытаюсь найти решение для изменения размера видео для созданного мной веб-сайта.Это видео находится в контейнере, который реагирует на определенную точку, но затем перестает изменять размер.Это раздражает из-за того, что я ожидаю, что большинство просмотров веб-сайта будут через мобильные телефоны, где разрешение пикселей будет ниже, а большая часть видео будет обрезана.Вот этот веб-сайт, размещенный на бесплатном веб-хостинге: Веб-сайт
CSS:
.container{
max-width:960px;
padding-left:1rem;
padding-right:1rem;
margin:auto;
text-align:center;
}
.fullscreen-video-wrap{
position:absolute;
top:0;
left:0;
width:101%;
height:100vh;
overflow:hidden;
}
.fullscreen-video-wrap video{
min-height:100%;
min-width:100%;
}
@media(max-width:960px){
.container{
padding-right:3rem;
padding-left:3rem;
}
}
Любая помощь будет принята с благодарностью!Спасибо:)