Возможно ли дополнить видео до требуемого разрешения?

Question

[NordNerd]

Добрый день!

Подскажите, пожалуйста, как быть в такой ситуации: я записываю видео с экрана своего ПК (разрешение монитора - 1920*1080) - пишу лишь область экрана разрешением 1600*900. После обработки и сохранения видео в формате webm оно не теряет своего качества - все надписи прекрасно читаемы, текст виден чётко без малейших искажений - проверял разными видеоплеерами.

Однако при встраивании видео на сайт (с помощью тега video) происходит проблема - если развернуть видео на весь экран, то надписи становятся нечёткими, т.е. возникает размытие. Я понимаю, что это логично, так как разрешение экрана выше, чем разрешение видео, посему видео, скорее всего, просто растягивается. Та же проблема с ютубом и видео Вконтакте - потеря качества и неприятное размытие.

Отсюда возникает вопрос - можно ли задать параметры видео так, чтобы при разворачивании, например, просто добавлялись чёрные полосы по сторонам, а центральное изображение не искажалось? Т.е. если видео разворачивается на экран, чьё разрешение выше, чем 1600*900, то оставить в центре видео с нормальным разрешением, а по бокам, сверху и снизу дополнить полосками.

К сожалению, самостоятельный поиск информации результата не дал; в основном выпадает информация, как убрать полосы, а не добавить их.

Comments

[#]

Microsoft Clipchamp ... не?

[NordNerd]

#, для windows 7 не работает, насколько я знаю. В целом, я пользуюсь movavi, но не совсем понятно, как сделать требуемое в этой программе.

Answer 1

[pumpkinm]

Однако при встраивании видео на сайт (с помощью тега video) происходит проблема - если развернуть видео на весь экран, то надписи становятся нечёткими, т.е. возникает размытие.

<style>
video { 
  object-fit: none;
}
</style>

или лучше

<style>
video { 
  object-fit: scale-down;
}
</style>

Comments

[NordNerd]

Огромное вам спасибо! Я и не представлял, что данную проблему можно решить одним свойством CSS - это просто невероятно :)

Значение scale-down и правда оказалось более удачным: оно сохраняет видео в нужных рамках при исходном, неразвёрнутом плеере, а при разворачивании плеера - оставляет видео нерастянутым, лишь дорисовывая чёрные полосы по мере необходимости. Жаль, что нельзя такое выставить на youtube или ВК-видео, но для своего сайта этот параметр просто находка :)