Тег video растягивает картинку видел

@kuzmich-kz · Регистрация: 17.12.2013

Студворк — интернет-сервис помощи студентам

всем привет.

столкнулся с проблемой тегом video. картинка видео растягивается.
уже много чего перебрал и ничего не смог поделать.
вот код:

HTML5
1
2
3
<video pip="false" class='header_video' preload="true" no-controls autoplay loop muted playsinline>
  <source src="template/image/test4.mp4" type="video/mp4">
</video>

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.header_video {
     -moz-object-fit: cover;
     -webkit-object-fit: cover;
     -o-object-fit: cover;
     object-fit: cover;
     object-position: center;
     width: 100%;
     min-height: 100%;
     height: auto;
     position: relative;
     overflow: hidden;
     margin: 0 auto;
        top: -85px;
        left: 0;
/*  border: 0.075vw #FF0004 solid;*/
}

подскажите где может быть ошибка?

@kuzmich-kz · 19.09.2025, 15:54 **[ТС]**

43210, убрал и сделал просто height:100%. стал меньше обрезаться

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@kuzmich-kz 2 / 2 / 0 Регистрация: 17.12.2013 Сообщений: 275
	19.09.2025, 15:54 [ТС]
	43210, убрал и сделал просто height:100%. стал меньше обрезаться 0