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

赏