视频忽略CSS高度和宽度值。

Question

这个视频，以及我添加到我的页面中的所有视频，都在CSS中设置了高度和宽度值(通过一个短代码)，但它只是忽略了它们。昨天不是问题，我不知道是什么问题：http://focallocal.org/open-skills-sharing/

下面是代码：

[su_youtube_advanced url="https://www.youtube.com/watch?v=N0B4CL0GIpU&list=PLzwMXFvS_OYPOIGeR9sM58sNW9U04qsAd " width="500px" height="400px" responsive="no" autoplay="yes" modestbranding="yes" class="float: right;"][su_youtube_advanced url="https://www.youtube.com/playlist?list=PLzwMXFvS_OYPSL9J1P9W9RaP304UDM6IY" autoplay="yes" rel="no" modestbranding="yes"][/su_youtube_advanced]

有人能看到是什么原因造成的吗，或者建议一些代码来强迫它保持在设定的大小/

Answer 1

您的视频被包装在一个div中，其中包含一个flex-video类，它似乎试图使您的视频大小响应(即100%宽度和100%高度)。样式在第63和64行的core.css中定义。

看起来您的style.css是在core.css之后加载的，因此如果您愿意的话，您应该能够重写该样式。例如：

.flex-video iframe {
    width: 500px;
    height: 400px;
}

顺便说一句，要准确地指出到底发生了什么有点困难。您已经加载了36个样式表。(请求总数289项)。理想情况下，您会希望您的请求在10以下。