Javascript 如何调整视频源的大小并对齐行

现在，我的视频向下对齐，尺寸过大，覆盖身体。当我缩放屏幕时，视频也不会调整大小。我需要我的视频对齐的行和大小像附加的图片

这是我的密码：

*{
保证金：0；
填充：0；
框大小：边框框；
}
.内容{
最大宽度：自动；
保证金：自动；
填充：0 30px；
左边距：10%；
保证金权利：10%；
}
.画廊{
显示：网格；
宽度：100%；
右边填充：0；
左侧填充：0；
右边距：自动；
左边距：自动；
}

---

神奇的是，它是灵活的，没有包装吗

文件
身体{
保证金：0；
填充：0；
框大小：边框框；
}
标题{
文本转换：大写；
文本对齐：居中；
}
.包装纸{
最大宽度：960像素；
宽度：100%；
保证金：20px自动；
}
.栏目{
显示器：flex；
柔性流：nowrap；
证明内容：中心；
保证金：5px0；
}
.视频{
弹性：2；
保证金：5px；
}
内容栏

.gallery{
显示：网格；
网格模板列：重复（2，1fr）；
间隙：10px；
宽度：100%；
}
录像带{
显示：块；
宽度：100%；
}