Css 如何在ExpressionEngine中显示各种大小的vimeo视频（新视频将以前的视频推到新大小）

我是ExpressionEngine（以及其他代码语言）的初学者。无论如何，我正在创建一个视频教程网站，我已经设置了我的表达式引擎网站，所以我在一个频道中设置了类别。这些类别将内容过滤到相应的页面。然而，我希望我的网站有一个特色视频，这将是最新发布的视频。一旦我发布了一个新的视频，我想让它占据主舞台，把之前的视频压缩到更小的尺寸。我使用Vimeo作为视频主机，因此所有视频都将在Vimeo上

这是我主页上的代码，用于对新内容和旧内容进行排序

{exp:channel:entries limit="10"}
<div class="main_feature">

{if count==1}
<div class="video_large">
{/if}

{if count !=1}
<div class="video_small">
{/if}

<h2>{video_tutorial_title}</h2>
{video_tutorial_link}
{video_tutorial_summary}


</div>
{/exp:channel:entries}

---

输入我的新内容/视频时。我一直在使用每个视频中的嵌入代码，并从中删除高度和宽度，以为div会调整它的大小。看起来好像它将所有视频的大小调整为180x340，但对于最新的视频，它似乎创建了一个640x960 div，该视频无法填充整个div。我希望我不需要任何插件或类似的东西。我希望这只是我忽略的一些基本的东西。非常感谢您的帮助。谢谢大家!

这个问题有一个jQuery解决方案叫做。它是为使用流体设计的网站而设计的，但在这种情况下也应该如此。它会调整目标容器（在您的情况下是

.main\u feature

）中的任何视频的大小，以填充其父容器的宽度

---

然后，您还可以从CSS中删除

高度
声明（这样您就可以容纳具有不同纵横比的视频）。
在看不到您的页面的情况下，这很难说，但我认为您必须将嵌入iframe的宽度和高度设置为100%，然后它才能工作。
Chris，考虑将未来EE问题提交到ExpExtExchange引擎堆栈交换站点：ReivialFaluto.com。这是我的站点。我尝试进入嵌入代码并将高度和宽度调整为100%。它有助于增加视频的大小，但由于div设置为960x540，因此无法填充视频。它看起来像是在处理视频，因为它仍然是581x211或任何默认大小。我尝试使用高级选项并输入960x540，然后将值更改为100%，但它仍然看起来像960x540分区中的581x211大小。我可以将大小硬编码为960x540，因此我知道视频没有限制在581x211。我感谢你的建议：）
.video_large {
    height: 960px;
    width: 640px;
}
.video_small {
    height: 180px;
    width: 320px;
}