Перейти к публикации

Высота видео в процентах


Рекомендованные сообщения

Всем привет.

 

Подскажите как работает высота видео в процентах?

 

В описании в высоте видео написано "Укажите высоту видеоплеера в пикселях или процентах", однако когда прописываю высоту видео в процентах, ничего не происходит.

 

При использовании плеера Youtube, независимо сколько в процентах выставлена высота, она всегда остаётся одной, и узкой, наверное около 40 пикселей в высоту.

При использовании плеера DLE, высота формируется тоже самостоятельно,

 

Всё это когда ширина 100%.

 

Подскажите, как при использовании плеера Youtube, добиться правильной высоты видео. Чтоб при изменении ширины, менялась бы и высота.

 

Заранее признателен за подсказку.

Ссылка на сообщение
Поделиться на других сайтах
4 часа назад, radrigo сказал:

Подскажите как работает высота видео в процентах?

 Проценты это всегда относительно контейнера где этот блок собственно находится, что ширина, что высота. И если высота контейнера где находится у вас не имеет фиксированной высоты, больше чем высота текста новости, то и использование процентов не имеет смысла.

 

4 часа назад, radrigo сказал:

Подскажите, как при использовании плеера Youtube, добиться правильной высоты видео. Чтоб при изменении ширины, менялась бы и высота.

Не бывает простого решения в таких вопросах при помощи CSS. Вам нужен специальный JS скрипт, который всегда будет обработчик изменения окна браузера и динамически тут же переназначать размеры фрейма.

 

Стандартный плеер DLE такой обработчик имеет в актуальной версии, а для Youtube плеера вам нужно уже писать свой.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...