Wordpress 视频的 100% 宽度和高度（水平滚动）

Question

大家好！我遇到了一个我要自定义的 Wordpress 主题问题，即Porta by wpshower

过去我设法找到了垂直滚动响应宽度的解决方案，但我找不到水平滚动的解决方案。

我从 Youtube 获得了适用于视频 iframe 的响应高度，但这对我来说不是解决方案，因为视频不会来自 Youtube 或 Vimeo，而是存储在 Wordpress 媒体库中。 （它不像图像那样适合容器的高度，当我尝试实现它时，但当我缩小浏览器窗口时，它至少会响应它）

我通过使用它来工作

iframe {
    max-width:100%;
    max-height:100%;
}

目前我使用默认的 Wordpress 4.1 视频播放器，主题中已经有一行视频 CSS

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

在使用移动设备和平板电脑时效果很好，但我无法像图像那样实现视频的流畅度（100% 宽度和高度）。

有人有解决方案/想法如何实现这一目标？

Answer 1

不太了解 html 代码的结构，但您是否为包装视频 div 的所有容器设置了 100% 的高度？

body,html,#allOtherDivIdsorSpans
{
   height:100%;
}

页面结构的演示会很有帮助。