Блог

Мой видеопроигрыватель обернут виджетом соотношения сторон, и все работает нормально, когда видео в альбомном режиме, но когда есть видео в портретном режиме, оно занимает весь экран. (в большинстве случаев он также будет переполнять экран) Я хочу, чтобы видеопроигрыватель занимал максимум половину экрана. Итак, я полагаю, что я переношу соотношение сторон с помощью constrainedbox и устанавливаю максимальную высоту на некоторое число, но это еще больше портит макет. Кто-нибудь может мне помочь, пожалуйста.

Используйте носитель для указания ориентации и единицы измерения vh для определения высоты

 @media (orientation: portrait) {
  .widget {
    height: 50vh;
  }
}