Css 将YouTube嵌入到页面上

我一直在尝试将我的YouTube视频嵌入到中心位置，但它无法正常工作

我试过html中的flexbox和center标记，这是我得到的最接近的，这里真的需要一些帮助

我的代码：

CSS

。视频{
显示：内联块；
位置：绝对位置；
左侧填充：15px；
右侧填充：15px；
转换：翻译（0，-50%）；
}

---

问题是你的css是错误的。摆脱位置、显示和变换。我很确定你不需要这些

---

签出我做的这个。我想你是在寻找

margin:0auto。确保嵌入的视频包在一个div中，然后应用边距。如果您已经有
页边距顶部
或
页边距底部
，则只需设置
页边距左侧：自动
和
页边距右侧：自动
要使用flex box，此功能：
将
.video
嵌入
.flex容器中。给这个
.flex容器
一个宽度和高度。并将以下属性添加到.flex容器：
justify content
和
align items
将它们都设置为
center
。就这样。
检查。我使用了joes（上图）HTML标记

还可以查看代码笔上方的out注释标记

重要的是，要居中的元素是应用flex属性的元素的直接子元素
 试试这个：我现在让它工作了，我还使用了
填充
元素来整理它。我很感谢你的帮助。太棒了，很高兴我能帮上忙