关于 javascript:Scale 与 Angular2 成比例

Scale proportionally with Angular2

我需要在 Angular2 应用程序中实现一个保留缩放比例的部分(例如将 youtube 视频嵌入网站时)。我不能使用 iframe，因为它会使传递数据变得非常复杂。

这是一个使用 jQuery 解决方案的示例：
https://css-tricks.com/scaled-proportional-blocks-with-css-and-javascript/

在 codepen 中，缩小外框将显示所需的功能：
https://codepen.io/chriscoyier/pen/VvRoWy

1
2
3
4
5

// from original article:
var scale = Math.min(
availableWidth / contentWidth,
availableHeight / contentHeight
);

在 Angular2 中是否有比在 jQuery 中混合更好的方法呢？我看到了一些库，但遗憾的是没有演示功能。欢迎任何建议。谢谢