Реагировать - обрезать тег видео без использования ширины 100% +

Question

Цель

Я пытаюсь обрезать только определенную часть HTML-тега видео в зависимости от размера экрана.Если бы я мог сделать это только с помощью CSS, это было бы замечательно, если не хорошо, потому что единственное решение, которое я видел, это использовать Jquery, чтобы вырезать часть видео, а затем поместить его в тег canvas.

Что я пробовал

Я пытался увеличить ширину до более чем 100%, затем отрегулировал поля так, чтобы показывать только ту часть, которую я хочу, но это делает видео выглядящим пиксельным, потому что оно по существу увеличено вна одну часть.

код

@media (max-width: 768px) {
    .background-video {
        width: 250%;
        display: block;
        margin-right: -68em;
        margin-top: -8em;
    }
}