Высота тега видео взависимости от ширины экрана
Всем привет. Подскажите пожалуйста, как можно реализовать такую возможность, чтоб взависимости от ширины экрана браузера, высота тега video всегда держала 70%. Через css я не смог такое реализовать.
Само видео у меня на всю ширину экрана <div class="video-cont"> <div class="overlay-video"></div> <video src="https://globecore.com/wp-content/themes/globecore2016/video/usa-lp-video.mp4" type="mp4" autoplay="true" loop="loop"></video> </div> CSS .video-cont { overflow: hidden; margin: -32px; position: relative; } .overlay-video { position: absolute; top: 0px; background: rgba(0, 0, 0, 0.6); right: 0px; height: 670px; width: 100%; z-index: 8; } |
Цитата:
|
Меня интересует как это на js можно сделать
|
Цитата:
http://adminway.ru/opredelyaem-shiri...-pomoshchyu-js Принять ее за 100%, а далее пропорцией вычислить те самые 70%. После чего присвоить такую высоту нужному элементу... https://rche.ru/1005_shirina-vysota-...vs-jquery.html |
Часовой пояс GMT +3, время: 08:04. |