Если у вас уже пробовались различные CSS свойства, но они не дали нужного результата, можно использовать тег <video> для обрезки видео программно. Вот пример кода, который может помочь вам:
```html
<video controls style="width: 100%; height: auto;">
<source src="путь_к_видеофайлу.mp4" type="video/mp4">
Ваш браузер не поддерживает HTML5 видео.
</video>
```
Этот код создаст видео-плеер с контролами, которое будет занимать всю доступную ширину, сохраняя пропорции видео. Вам также потребуется изменить путь к видео-файлу в атрибуте "src".
Если вы хотите обрезать видео так, чтобы его центр был больше, вы можете добавить дополнительные стили. Например, вы можете использовать CSS для создания обрезанного прямоугольника вокруг видео:
```html
<style>
.video-container {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.video-container video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}
</style>
<div class="video-container">
<video controls>
<source src="путь_к_видеофайлу.mp4" type="video/mp4">
Ваш браузер не поддерживает HTML5 видео.
</video>
</div>
```
В этом примере вы создаете контейнер с заданными стилями, который будет обрезать видео, а затем позиционируете видео, чтобы его центр был больше.
Надеюсь, это поможет вам решить вашу проблему с отображением видео на вашем сайте.
