YouTube 分享的嵌入视频实现响应式显示

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;}