Html Flexbox与响应iframe youtube视频

我正在一个网站上添加超过三个youtube视频

。我希望视频彼此相邻，并且响应速度快

它在Chrome和IE上运行良好，但在Firefox上不起作用。有人有线索吗

。视频媒体youtube内部{
显示器：flex；
}
.video-media-youtube-inner-vi01{
弹性：1；
溢出：隐藏；
位置：相对位置；
垫底：56.25%；
身高：0；
}
.video-media-youtube-inner-vi01 iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

---

您应该将所有三个弹性项设置为

flex:1

或

flex:0 33.3333%

.video-media-youtube-inner-vi01,
.video-media-youtube-inner-vi02,
.video-media-youtube-inner-vi03 {
  flex: 1;
}

或

---

删除

高度：0

不幸的是，我不喜欢这个头像和名字！：）

div[class^="video-media-youtube-inner-vi"] {
  flex: 1;
}