При вставке видео в статью возникла проблема - видео не адаптируется под размер браузера, всегда одной ширины и не меняет размер.
Решить эту проблему можно css стилями.
video {
width: 100%;
height: auto;
}
video - Это селектор, который выбирает все элементы <video> на странице. Все стили, указанные внутри фигурных скобок {}, будут применены к этим элементам.
width: 100% - Это свойство устанавливает ширину элемента <video> на 100% от ширины его родительского контейнера. Это означает, что видео будет растягиваться по ширине, чтобы заполнить весь доступный горизонтальный размер контейнера, в котором оно находится.
height: auto - Это свойство устанавливает высоту элемента <video> автоматически, сохраняя пропорции исходного видео. Высота будет изменяться в зависимости от ширины, чтобы избежать искажения видео.
После этого видео меняет ширину и высоту под изменения ширины браузера.