jquery让网页中插入的视频也可以自适应宽度高度

某客户需要将网站由PC版改为自适应，使用bootstrap很简单就可以实现。但是遇到了一个很大的问题，客户文章中插入了很多视频，有的是用embed标签插入的，有的是用iframe插入的。如果给视频指定了宽度和高度，就没办法自适应。

最终用如下方法实现：

1、给iframe或embed指定宽度为90%，高度不填写。

2、通过jquery获取对象的宽度，然后指定高度即可！

代码如下：

<script type="text/javascript">
var thewidth=$("#atcbody iframe").width();
var theheight=thewidth*0.8 + "px";
$("#atcbody iframe").css("height",theheight);
</script>

其中atcbody为文章内容部分css的id，iframe为获取到atcbody中所有iframe。

embed是同样的道理！