Как сделать ролики из youtube адаптивными?

Question

[mih_max]

Как правильно сделать адаптивность вставляемых на сайт роликов с youtub'а?
Пробовал

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

<div class="video"><iframe src="..." width="700" height="450" frameborder="0"></iframe></div>

Не помогает(

Comments

[IceJOKER]

пробовала в width/height атрибут записать значения в процентах? 100%

[mih_max]

IceJOKER: да, благодарю, в этом и скрывалась ошибка. всё получилось)

[IceJOKER]

mih_max: you're welcome ))) p.s. пробовали т.е.

Answer 1

[Вячеслав Барсуков]

<div class="video"><iframe src="..." width="100%" height="100%" frameborder="0"></iframe></div>