Javascript 如何让Facebook直播视频嵌入16:9？

我在嵌入实时FB视频时遇到了问题，因为它将16:9视频转换为1:1格式，并在顶部和底部形成黑线。用户网站上有一个视频部分，比例为16:9。用户只需粘贴iframe标签，即可通过CMS更改视频。因此，当用户添加简单的Facebook嵌入视频时，它正好适合！。。。但当用户试图添加一些实时视频时，由于平方比例，它会破坏一切。 这是它如何在FB-16:9上显示实时视频的示例，正如所需


但是嵌入iframe。。。。
不幸的是，改变嵌入IFRAME标签的宽度和高度并没有解决这个问题——它只是切断了视频的底部。

---

那么..有没有什么办法可以阻止直播FB视频转换为1:1，并保持16:9的原始状态呢？

也有类似的问题，但只嵌入了一个基本的Facebook视频。不确定这是否确实与问题有关，但这里的某些内容可能有助于弄清问题的根源

我的视频是4:3的比例，我希望它能够响应。我不得不在iframe中添加属性，比如说4:3视频的宽度为400，高度为300。记住在视频href中指定&height=300

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fthortful%2Fvideos%2F1244848022205952%2F&show_text=0&width=400&height=300" width="400" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>

CSS中需要记住的重要一点是确保填充底部与视频比率匹配。在这种情况下是75%，因为我的比例是4:3

完整的代码，使其响应：

<div class="responsive-video">
   <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fthortful%2Fvideos%2F1244848022205952%2F&show_text=0&width=400&height=300" width="400" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>

.responsive-video {
   position: relative;
   padding-bottom: 75%;
   height: 0;
}
.responsive-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.响应视频{
位置：相对位置；
垫底：75%；
身高：0；
}
.响应视频iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

也有类似的问题，但只有一个基本的Facebook视频嵌入。不确定这是否确实与问题有关，但这里的某些内容可能有助于弄清问题的根源

我的视频是4:3的比例，我希望它能够响应。我不得不在iframe中添加属性，比如说4:3视频的宽度为400，高度为300。记住在视频href中指定&height=300

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fthortful%2Fvideos%2F1244848022205952%2F&show_text=0&width=400&height=300" width="400" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>

CSS中需要记住的重要一点是确保填充底部与视频比率匹配。在这种情况下是75%，因为我的比例是4:3

完整的代码，使其响应：

<div class="responsive-video">
   <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fthortful%2Fvideos%2F1244848022205952%2F&show_text=0&width=400&height=300" width="400" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>

.responsive-video {
   position: relative;
   padding-bottom: 75%;
   height: 0;
}
.responsive-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.响应视频{
位置：相对位置；
垫底：75%；
身高：0；
}
.响应视频iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

您有没有找到解决方案？您有没有找到解决方案？