反应-在不使用宽​​度100％+的情况下裁剪视频标签

Question

目标

我试图根据屏幕尺寸仅裁剪html视频标签的特定部分。如果我能用纯CSS做到这一点，那不是很好，那很好，因为我看到的唯一解决方案是使用Jquery裁剪一部分视频，然后将其放在canvas标签上。

我尝试过的事情

我尝试将宽度增加到100％以上，然后调整边距以仅显示我想要的部分，但这使视频看起来像是像素化的，因为它实际上是放大了一部分。

代码

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