iframe,object,embed标签嵌入视频后 宽高度自适应的css技巧
2020-02-12 21:11:07   来源:   浏览: 次

导读: video{position:relative;padding-bottom:56 25%;height:0;overflow:hidden;} videoiframe, videoobject, videoembed{position:absolute;top:0;left:0;width:100%;height:100%;}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}