Задался размещение на сайте роликов из ютуба, соответствующих тематике статьи, но столкнулся с проблемой что ни как не получается сделать нормальное резиновое видео( изменение размера в зависимости от размера экрана).
Видер размещаю через элемент (snippet)/
Погуглив нашел пару способов, но оба не совсем то
Первый через FitVids.js и второй вариант
.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%;
}
Во втором случае в родительском контейнере задан отступ 56.25% и в результате, если видео не размещено, то в статье отображается пустой блок.Возможно ли как-то скрыть такой пустой блок или может есть другие варианты реализации резинового видео от ютуба?!
