Как хранить вертикальное видео YouTube в Vidstack (без пользовательского интерфейса «больше видео»)CSS

Разбираемся в CSS
Ответить
Anonymous
 Как хранить вертикальное видео YouTube в Vidstack (без пользовательского интерфейса «больше видео»)

Сообщение Anonymous »

По умолчанию Vidstack масштабирует/обрезает вертикальное видео YouTube до соотношения сторон 16/9:
Изображение

Если стиль «Высота: 1000%» отключен, вертикальное видео содержится по желанию. Однако нежелательные элементы, такие как пользовательский интерфейс «Больше видео», добавляются, когда видео приостановлено.
[img]https:/ /i.sstatic.net/CULGo5Tr.png[/img]

Есть ли способ одновременно содержать вертикальное видео в кадре 16/9 и скрыть "больше видео" Пользовательский интерфейс?
Проигрыватель должен поддерживать как вертикальное, так и горизонтальное видео, поэтому жесткое кодирование ширины и высоты в CSS неприемлемо. Однако динамическая установка ширины и высоты на основе видео приемлема (если эта информация доступна).
Если добавлен следующий CSS, вертикальное видео подходит, но я не могу уменьшите высоту плеера (до той же высоты, что и видео формата 16/9) без обрезки/масштабирования.

Код: Выделить всё

media-player {
aspect-ratio: 9/16;
}

На снимках экрана выше использовался этот минимальный исходный код: Ссылки:

Подробнее здесь: https://stackoverflow.com/questions/793 ... -videos-ui
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»