HTML5 видео
Видео на HTML5 можно с легкостью сделать эластичным, при изменении размеров окна, с помощью max-width:100%.
Не работает с тегами iframe и object
Код
video {
max-width: 100%;
height: auto;
}
Для Iframe и Object
Нужно обернуть код тегом DIV и указать для параметра padding bottom процентное значение от 50% до 60%.
Код
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Код
<div class="video-container">
<iframe src="ссылка на ролик" width="800" height="450" frameborder="0"></iframe>
</div>
