Где разместить видео, чтобы сохранить соотношение сторон/размер (.mp4) ⇐ CSS

[Anonymous]

У меня есть веб-приложение React, в котором я пытаюсь отобразить видео в формате .mp4. Моя текущая настройка выглядит так:

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

            

 console.log('Video loaded successfully')}
>

{/*  */}
Your browser does not support the video tag.

Проблема, с которой я столкнулся, заключается в том, что когда я загружаю видео в Imgur, размер которого изначально составляет 3180x2160, его размер изменяется до 800x600. Это очень расстраивает, так как мне нужно отображать видео в полном разрешении.
Есть ли у вас какие-либо рекомендации о том, где хранить/размещать видео, чтобы оно сохраняло свой полный размер, но при этом не не занимает ли слишком много времени загрузка при рендеринге страницы? Будем очень признательны за любые советы по балансированию качества видео и времени загрузки.

Подробнее здесь: https://stackoverflow.com/questions/787 ... n-size-mp4