在wordpress中写文章时,我们可能想引用一些视频网站如B站等中的视频,但是引用时都会出现一个视频自适应的问题。在这里提供一个自用的解决方案。
CSS代码
找到主题style.css,并添加以下css代码:
.x-video {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
height: 0;
}
.x-video iframe, .x-video object, .x-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
引用视频
现在视频网站多数提供iframe代码,在每个视频下方分享中可找到,复制到文章中并添加P标签,class写上x-video即可。
Comments | NOTHING