如何让iframe,object,embed标签完美自适应视频宽度高度？

有时网站后台发布转载文章，而文章中带有视频，这个视频通常是采用iframe方式嵌入的。如下代码：

1. <p class="video">
2.   <iframe src="https://www.xxx.com" frameborder="0" allowfullscreen="allowfullscreen">iframe>
3. p>

1. .video {
2.   position: relative;
3.   padding-bottom: 56.25%;
4.   height: 0;
5.   overflow: hidden;
6. }
7. .video iframe,
8. .video object,
9. .video embed {
10.   position: absolute;
11.   top: 0;
12.   left: 0;
13.   width: 100%;
14.   height: 100%;
15. }

重点就是要定义这个video，具体可以根据实际情况调整class