youtube - 嵌入 youtube 视频 - 宽高比

Question

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

问题是我只有 600px 的最大空间可以放入它们，我是否可以计算出适当的高度，即 640/16*9 = 333px 并在其中显示它们，这样可以处理所有事情，或者是否有任何其他尺寸分配给底部的进度条。

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

http://www.youtube.com/user/southerncomfort?v=ygeWsoYYMuQ

谢谢，

Answer 1

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

1. 转到高级 Youtube 嵌入代码生成器。
2. 输入视频 ID 并在相应列中输入高度或宽度，然后点击生成按钮（空白字段将自动以 16:9 的比例计算）
3. 复制代码并使用它。

Answer 2

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

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

查看样式指南：https ://web.archive.org/web/20130415231312/http://support.google.com/youtube/bin/answer.py?hl=en&answer=178264

Answer 3

对于仍然在这方面的任何人，

https://www.w3schools.com/howto/howto_css_aspect_ratio.asp。

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