考虑到移动设备的流行，博客插入的视频都是自适应性的。实现方式如下：

<div style="max-width:640px; margin:0 auto 32px;" >

<div

style="position: relative;

width:100%;

padding-bottom:65%; /* 16:9 */

height:0;">

<iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" src="视频地址" frameborder=0 allowfullscreen>

</iframe>

</div>

</div>

根据自己的站点的需要适当修改下margin和max-width，长宽比修改padding-bottom即可。