CSS размер размера высота автонастройки

Question

У меня есть элемент div, содержащий видеозапись. Я хочу, чтобы это было сделано, чтобы иметь возможность автоматического изменения размера, когда я делаю экран браузера меньше. Он работает с шириной, потому что я могу установить% к ней. Но я должен был установить фиксированное значение для пикселей. Так что теперь он автоматически настраивает ширину, но не высоту, он остается неизменным.

Вот стиль CSS я использую для DIV

height: auto; 
height: 700px; 
width: 70%; 
border-style: solid; 
border-color: red; 

Answer 1

Что-то, как это должно работать

<div class="videoWrapper"> 

<iframe width="560" height="349" src="" frameborder="0" allowfullscreen></iframe> 

</div> 

.videoWrapper { 
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 */ 
    padding-top: 25px; 
    height: 0; 
} 
    .videoWrapper iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

Answer 2

я не мог использовать высоту атрибута: 100%, он просто не работает , Я использовал высоту атрибута: 70vh, которая решила мою проблему. Спасибо, в любом случае.