WordPress视频嵌入代码宽度增加不起作用

时间:2018-09-24 07:26:17

标签: php css wordpress embed

使用此代码来增加WordPress上嵌入式视频的宽度,但是在执行此操作后,没有任何变化:

{{1}}

WordPress嵌入式视频的适当宽度增加是多少?

1 个答案:

答案 0 :(得分:0)

在iframe周围包装一个容器并使其具有响应性:

<div class="responsive-embed">[embed ... ]myvideo.com[/embed]</div>

.responsive-embed {
 position: relative;
 padding-bottom: 55%;
 padding-top: 15px;
 height: 0;
 overflow: hidden;
}
.responsive-embed iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}