jquery - 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%;
}

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