Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.10.2017, 07:59
Интересующийся
Отправить личное сообщение для alekspvn Посмотреть профиль Найти все сообщения от alekspvn
 
Регистрация: 10.08.2017
Сообщений: 19

Высота тега видео взависимости от ширины экрана
Всем привет. Подскажите пожалуйста, как можно реализовать такую возможность, чтоб взависимости от ширины экрана браузера, высота тега 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;
}
Ответить с цитированием
  #2 (permalink)  
Старый 13.10.2017, 08:15
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,223

Сообщение от alekspvn
взависимости от ширины экрана браузера, высота тега video всегда держала 70%
В ЦСС нет никакой зависимости высоты от ширины.
Ответить с цитированием
  #3 (permalink)  
Старый 13.10.2017, 08:23
Интересующийся
Отправить личное сообщение для alekspvn Посмотреть профиль Найти все сообщения от alekspvn
 
Регистрация: 10.08.2017
Сообщений: 19

Меня интересует как это на js можно сделать
Ответить с цитированием
  #4 (permalink)  
Старый 13.10.2017, 08:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,223

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

Последний раз редактировалось ksa, 13.10.2017 в 08:48.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Table - как избавиться от автоматич. уменьшения ширины при уменьшении размера экрана? eugen35 (X)HTML/CSS 5 22.08.2014 12:25
изменение содержания div'а в зависимости от ширины экрана defish Events/DOM/Window 5 12.01.2013 17:35
Высота от верхнего конца экрана Mailo jQuery 3 22.12.2012 02:43
IFRAME согласно разрешения экрана и ширины колонки?? reDDevil Элементы интерфейса 0 30.10.2009 19:11
Реклама, в зависимости от ширины экрана Asdvin Общие вопросы Javascript 21 22.01.2009 18:27