有时网站后台发布转载文章,而文章中带有视频,这个视频通常是采用iframe方式嵌入的。如下代码:
- <p class="video">
- <iframe src="https://www.xxx.com" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
- </p>
- .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%;
- }
重点就是要定义这个video,具体可以根据实际情况调整class
相关文章