YouTube自定义嵌入sizer

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)

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