响应iframe中的YouTube视频未在Firefox中显示

我正在建立一个响应迅速的网站，上面嵌入了youtube视频。该视频位于响应迅速的iframe中，在除Firefox之外的所有浏览器中都能正常工作。在那里，它根本没有出现

我尝试了savemode，将html5添加到链接中，注释所有js和js查询。如果我在px中加上宽度和高度，它确实会显示出来，而且效果很好，但是它没有响应

我可以通过将容器的高度更改为百分比或vw值来显示它。无论我添加了什么图形，它都会将视频渲染为双倍高度，并切掉左右两侧的大部分。此外，当视口收缩时，它还会截断更多的宽度。当将容器值更改为0以外的任何值时，在所有其他浏览器中都会发生相同的情况

尝试了Firebug，但它甚至看不到iframe

代码如下：

.embed容器{
位置：相对位置；
垫底：56.25%；
身高：0；
溢出：隐藏；
最大宽度：100%；
利润底部：4vw；
} 
.embed container iframe、.embed container object、.embed container embed{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

---

您是否尝试过使用FitVids.js

<script src="js/jquery.min.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script>
  $(document).ready(function(){
      $(".embed-container").fitVids();
  });
</script>

$（文档）.ready（函数（）{
$（“.embed container”）.fitVids（）；
});

下载插件的链接：