Html 如何使用youtube视频使背景图像溢出

我有一个youtube视频在一个HTML部分，这是响应。 当我调整浏览器大小时，youtube视频会溢出到下一节的第二部分

如何使第一部分的背景图像与youtube视频一起扩展

当它在移动设备上以横向模式运行时，我需要将它保持在这个HTML部分中，或者我需要背景图像进行拉伸以适应它

HTML

#工作{
文本对齐：居中；
背景：#3b3b url（'https://bingo.jpg“）无重复中心；
背景尺寸：封面；
颜色：#ffffff；
高度：100vh；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit对齐项目：居中；
-ms-flex-align：居中；
对齐项目：居中；
背景溢出：可见；
}
#工作h3{
边际上限：0px；
字号：18px；
}

我们的工作样本

不用担心

我只是删除了CSS并用

#工作{
文本对齐：居中；
背景：#3B3B3B url（'https:squilling buzzrd.jpg'）无重复中心；
背景尺寸：封面；
颜色：#ffffff；
高度：100vh；
}
.视频包装器{位置：相对；
填充底部：56.25%；/*16:9*/
填充顶部：25px；
边距：自动；}
.video wrapper iframe{位置：绝对；
最高：20%；
左：25%；
宽度：100%；
身高：100%；
}
.container{width:100%；margin:auto；}

在您的问题中围绕您尝试过的内容添加一些代码？创建一个小提琴或密码笔，使我们能够帮助您。谢谢。我认为你应该让你的视频也有响应性，请更喜欢这个响应视频@罗汉，它已经响应了。