scss iFrame嵌入包装器(不是soundcloud)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss iFrame嵌入包装器(不是soundcloud)相关的知识,希望对你有一定的参考价值。

	// Wrapping videos
	$('.col-md-9 iframe').each(function() {
		if ($(this).attr("src").indexOf("soundcloud") > -1) {
		} else {
			$(this).wrap('<div class="embed-container"></div');
		}
	});
/* iFrame Responsive Styling */
.col-md-9 .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.col-md-9 .embed-container iframe,
.col-md-9 .embed-container object,
.col-md-9 .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.col-md-9 .embed-container.audio {
  padding-bottom: 0;
  .audio {
    width: 100% !important;
    height: 100% !important;
    .mejs-container {
      width: 100% !important;
    }
  }
}

以上是关于scss iFrame嵌入包装器(不是soundcloud)的主要内容,如果未能解决你的问题,请参考以下文章

scss 响应式嵌入式iframe

scss 将最大宽度应用于Google地图嵌入iframe

如何嵌入 youtube 播放器但不使用 iframe 方法?

scss 基于包装器大小缩放和居中图像

html 设置iframe包装器图像

序列化具有嵌入类的boost类,但仅对包装器中的信息进行序列化