1

嘿伙计们,奇怪的情况,我不知道如何解决这个问题。

我正在尝试使用媒体查询的响应式网站。嵌入的 YouTube 视频也应响应布局,因此我尝试将每个视频的 with 设置为 100% 并按比例计算其高度!

结果如下所示:

<p class="youtube-vid">
<object width="100%" height="61%">
<param name="movie" value="http://www.youtube.com/v/rBa5qp9sUOY?version=3">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/rBa5qp9sUOY?version=3" type="application/x-shockwave-flash" width="100%" height="61%" allowscriptaccess="always" allowfullscreen="true">
</object>
</p>

所以最初这个视频从 youtube 嵌入时是 500 像素 x 306 像素。

问题是这件事实际上可能有效,但我不知道百分比指的是哪里。其中 100% 的宽度是完全正确的并且取决于我的布局 61% 的高度是不正确的。61% 是正确的数字,但它看起来是错误的,因为它可能是某个外部容器或其他东西的 61%。

知道如何解决这个问题。我只是希望我的视频是 100% 的(这现在是正确的 - 即使在调整大小时也是如此)并且比例高度取决于视频的原始值?

4

1 回答 1

2

height并且width独立于原始纵横比单独计算。尝试只是设置height="100%",而width不是。我知道这适用于图像以保持纵横比,但我不确定它是否也适用于对象。

于 2011-04-11T10:05:18.993 回答