网站引入iframe视频，如何实现宽度高度自适应?

1.引入 jq ，（一般网站默认都有这个文件，或者去官网下载）
2.加上一段 js 代码，最好放在网站底部， </body> 前即可。

$('iframe').wrap('<p class="iframe"></p>')

3.在css文件的底部加上：

.iframe{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

这个时候再访问带有 iframe 视频的网页，不管宽度如何变化，高度可以随视频自适应。

另允许全屏播放代码：

<iframe height="500" width="100%" src="https://player.youku.com/embed/你的视频ID==" frameborder="0" allowfullscreen="allowfullscreen" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>