自动摘要
正在生成中……
首先，向嵌入的iframe视频外加上一个.responsive-youtube的父元素。
<div class="responsive-youtube"> <iframe YOUR YOUTUBE CODE></iframe> </div>
然后加入以下样式
.responsive-youtube
{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.responsive-youtube iframe
{left:0; top:0; height:100%; width:100%; position:absolute;}
update:
不改变html结构条件下，在原有的文章内修改，jQuery代码:
$('iframe[src*="youtube.com"]').parent().addClass('responsive-youtube');
示例文章 https://hi.cellmean.com/p/4e20a9464182
或者看看本文示例：