如何在 WordPress 中插入 B 站视频

问题描述：

如果把视频直接传到 WordPress，会占用很多的网站空间。

最后发现 B 站支持将视频嵌入 WordPress 。

1. 获取 B 站视频代码

首先，将视频传到 B 站。点击分享按钮，点击 “嵌入代码”，会自动复制

会得到一段这样的代码：

<iframe src="//player.bilibili.com/player.html?aid=386039146&bvid=BV1Ed4y1Q7n7&cid=778298154&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

如果把这段代码，直接嵌入到 WordPress 里，播放界面会很丑。

解决方法，在 allowfullscreen="true"的后面，留 1 个空格，添加这段代码：

style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0;"

最后，代码变成这样：

<iframe src="//player.bilibili.com/player.html?aid=386039146&bvid=BV1Ed4y1Q7n7&cid=778298154&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0;"> </iframe>

2. 嵌入到 WordPress 里

插入代码后，点击 “预览”

就可以看到会随着屏幕自动调整的视频。