Responsive design Zurb基金会-使用Flex视频在一个部分

我正在尝试添加一个Vimeo视频内的一个（又名标签）。整个

都有响应，选项卡内的视频也应该有响应。为了使视频播放器具有响应性，我使用了Foundation的内置功能

打开带有视频的部分时，

的高度为零（或接近零）。我曾尝试过使用

回流

方法，但没有成功

有没有办法在打开部分后重新绘制

，或其内容

---

这里是一个问题的中间部分-

经过一些修补，我找到了一个黑客式的解决方案，使用占位符图像来保持正确的大小。一个警告是图像必须与视频的比例相同（或几乎相同）。虽然不完美，但它确实有效

我还不得不稍微修改一下

的HTML，但没什么大不了的

这是一个例子

---

希望这对以后的人有帮助。

伙计们，这是我提出的一个问题。我相信基金会采用的方式不是最好的方法。 这是由于将padding bottom=0应用于节中的最后一个元素造成的。您现在可以通过将其放在.scs中的某个位置来覆盖它：

.flex-video {
    padding-bottom: 67.5% !important;
}

这里有一个永久修复的拉取请求：

我在这里提出了一个问题来解决填充问题：

希望这有帮助