html - 如果尺寸不同，如何使 YouTube 嵌入视频和背景图像一起响应？

Question

我已经实施了一个在这里找到的经过调整的解决方案

在我在这里的客户的开发网站上

我现在面临的问题是，当浏览器调整大小时，它们不会一起调整大小并且会错位。有人建议可能在视频的左侧和右侧使用两个单独的图像，但我尝试了一些不起作用的东西......

该可能解决方案的图像是：

和

有人愿意帮我解决一个可行的解决方案吗？这个想法是视频是中间的实际“滚动”，并与滚动边缘（左右）一起调整大小，但我似乎无法让它工作。提前非常感谢！

Answer 1

真的老兄，你应该多考虑一下你的布局，不管怎样，在这里做你想做的就是代码：

CSS

.video-container {
    position: relative;
    padding-bottom: 42%;
    padding-top: 15%;
    height: 0;
    overflow: hidden;
    height: 0;
    overflow: hidden;
    width: 75%;
    max-width: 800px;
    margin: 0 12.5%;
}