嵌入 youtube 视频 - 宽高比答案

【问题标题】：embedding youtube videos - aspect ratio嵌入 youtube 视频 - 宽高比
【发布时间】：2012-12-02 13:50:07
【问题描述】：

我希望在我的网页中嵌入一些 youtube 视频，通过查看 youtube 上的视频，它们似乎都以 16:9 或 640px:340px 的纵横比显示。

问题是我只有 600 像素的最大空间来放置它们，我是否可以计算出适当的高度，即 640/16*9 = 333 像素并在其中显示它们，这样可以解决所有问题，或者还有其他的吗？为底部进度条分配的大小。

例如如果你看这个视频，你可以看到整个进度条。

谢谢，

【问题讨论】：

【解决方案1】：

对于仍在此的任何人，

确保使用登记的所有 CSS 属性和样式，否则它将无法在响应式网站和应用上正确呈现。

【讨论】：

【解决方案2】：

您可以使用任何 youtube 嵌入代码生成器轻松实现您的目标。

【讨论】：

【解决方案3】：

您可以选择 16:9 或 4:3，后者为 480 像素 X 385 像素（控件高度为 +25 像素）。

或者，如果您想要 16:9，您可以选择 560x315 的尺寸。

【讨论】：