页面引入 iframe 视频,实现移动端高度自适应

Jq:

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
<script>
    $('iframe').wrap('<p class="iframe"></p>')
</script>

CSS:

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

打赏

取消

感谢支持!

扫码支持

打开支付宝扫一扫,即可进行扫码打赏哦


「本文由 Savalone 原创或搜集整理发布,转载请遵守 CC BY-NC-ND 4.0 许可!」
  • 3