Стиль меню заголовка по умолчанию в теге видео с css

Question

В мобильном представлении размер видеоэлемента изменяется в соответствии с соотношением сторон видео. Но поле настроек заголовков слишком велико, и некоторые параметры не видны.

Есть ли способ опустить это поле или изменить его высоту с помощью css?

Pi c что демонстрирует проблему

Answer 1

Вы можете сделать это, добавив это в свой код:

@media screen and (max-width: 600px) {
    .intendedObject {
        height: 128px; //Desired value instead of 128px
     }
}

В (max-width: 600px) части, 600px - это максимальный размер экрана, который вы хотите. Если оно будет меньше 600px, будет применен написанный стиль.