自动格式化 iframe 宽度和高度

Question

我有一个文本字段，我希望客户用它来填写他们的 YouTube 视频。 YouTube 视频分享编码是一个 iframe，通常它取 width=560、height=315、

这样的值

现在，如果客户将 iframe 代码粘贴到我的文本字段中，那么 560 width 将成为一个问题，因为当拉伸到移动尺寸时，此宽度对于响应式设计来说太大了, iframe 问题将显示。

我现在需要 jQuery 代码，当客户填写 iframe 时，它会自动将宽度和高度格式化为 width=230, height=160.

Answer 1

Fitvid 是一个很棒的插件：http://fitvidsjs.com/

但是，还有其他纯 css 方法可用 div 通过使用响应式布局的填充来限制 iframe 比例。