scss 嵌入式视频响应

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 嵌入式视频响应相关的知识,希望对你有一定的参考价值。

.videocontainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
	iframe,
	object,
	embed {
	  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
}

以上是关于scss 嵌入式视频响应的主要内容,如果未能解决你的问题,请参考以下文章

scss 响应式视频嵌入

scss 响应式嵌入式iframe

scss 视频嵌入比率

scss Sass片段:响应视频

css 使嵌入式视频响应

css 响应式嵌入式视频