在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即可。