На странице есть плеер, блок с плеером. В нем проигрываются mp4 файлы, ширина и высота кадра у каждого видеофайла разная. Соответственно высота блока подстраивается под видеокадр, как только первичные данные были подгружены.
То есть, если видеофайл еще не получен, высота блока будет другой. Из-за этого блок и содержимое страницы прыгает.
Вопрос в том, как сделать так, чтобы до получения кадра, html блок уже принял необходимую высоту?
Как вариант, высоту и ширину сохранять в базе данных и через js подстраивать. Что выручает, но тоже не акти решение.
Возможно ли сделать это при помощи css. Ширина и высота кадра известа, к блоку возможно задать переменную к примеру в стили
--kadr-w: 400px;
--kadr-h: 200px;
Возможно ли через css, имея данные, взять текущую ширину блока, взять высоту и ширину кадра. Произвести вычисления и собственно выставить высоту html блоку?