网站引入iframe视频，如何实现高度自适应?

我想很多小伙伴在写博客的时候都能遇到一个令人头疼的问题，某一篇文章想用 iframe 引入一个外链视频，但是大小总是有问题，宽度可以固定到 100% ，但是高度比如用实际高度来表示，比如 100px 200px，诸如此类。

很明显，在pc端正常显示的视频，放到移动端高度就错位了，很不美观。

解决这个问题，可以同媒体查询，但是显然费时费力，还不那么完美。

其实很简单，只需要不到10行代码即可完美实现。

这个时候再访问带有 iframe 视频的网页，不管宽度如何变化，高度可以随视频自适应。

评论~