YouTube 自定义嵌入大小

Question

在我正在构建的网站上，我需要允许视频（iframe 嵌入）动态拉伸以适应屏幕。我将使用 jQuery 获取父 div 的宽度，但我需要计算数学才能自动计算出高度大小。

YouTube 已经在他们的自定义大小调整器中做到了这一点（点击分享，然后嵌入并填充宽度以查看自动填充的高度）。

任何想法都会非常有用，谢谢！

---

编辑

感谢Eray 的帮助！如果有人有兴趣，这里是最终的工作代码（我认为它可以工作，无论如何！）：

$documentWidth = $('#wrap').width();
$theWidth = parseInt($documentWidth, 10);
$theHeight = (Math.floor($theWidth / 1.755) || 0) + 30;
$('#video iframe').height($theHeight);
$('#video iframe').width($documentWidth);

我仍然不能 100% 确定它是如何工作的！

Answer 1

获取原始宽/高比例。然后使用这个公式：

New Width = New Height * (Original Width/Original Height)

因此，您将在新的宽度高度组合上保持相同的比例。