Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Высота тега видео взависимости от ширины экрана (https://javascript.ru/forum/misc/70933-vysota-tega-video-vzavisimosti-ot-shiriny-ehkrana.html)

alekspvn 13.10.2017 08:59

Высота тега видео взависимости от ширины экрана
 
Всем привет. Подскажите пожалуйста, как можно реализовать такую возможность, чтоб взависимости от ширины экрана браузера, высота тега 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;
}

ksa 13.10.2017 09:15

Цитата:

Сообщение от alekspvn
взависимости от ширины экрана браузера, высота тега video всегда держала 70%

В ЦСС нет никакой зависимости высоты от ширины. :no:

alekspvn 13.10.2017 09:23

Меня интересует как это на js можно сделать

ksa 13.10.2017 09:44

Цитата:

Сообщение от alekspvn
как это на js можно сделать

Узнать ширину экрана или окна браузера...
http://adminway.ru/opredelyaem-shiri...-pomoshchyu-js
Принять ее за 100%, а далее пропорцией вычислить те самые 70%. После чего присвоить такую высоту нужному элементу...
https://rche.ru/1005_shirina-vysota-...vs-jquery.html


Часовой пояс GMT +3, время: 08:04.