如果我们使用WordPress插件提供的简码（例如：Smartideo插件）调用哔哩哔哩视频播放器，可能在PC端会产生这种无法播放BiliBili视频的情况 ▼

外站调用B站视频播放器代码

我在这里分享一段代码，以便每个人可以在自己的WordPress博客网站上，都可以在PC端直接显示Bilibili的视频。

先看一下效果 ▼

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

如何获取网页调用哔哩哔哩视频播放器代码？

1. 首先，在进入B站上想要调用的视频；
2. 点击下方的“分享” →“嵌入代码”旁的“复制” ▼

点击复制之后，我们就能获取到哔哩哔哩视频播放器代码了。

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

构造和优化代码

上面获得的B站视频调用代码尚不能直接使用，需要对B站视频调用代码进行构造和优化。

以下一些是B站视频调用的参数（这些参数需要放在 </iframe>之前） ▼

构造优化代码之后 ▼

<iframe src="//player.bilibili.com/player.html?aid=46366415&bvid=BV1Xb411H7v1&cid=81238398&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="100%" high_quality="1" danmaku="1"> </iframe>

如何添加BiliBili视频代码到WordPress网站编辑器？

如果使用经典编辑器，请选择“文本模式”，然后在编辑框里的适当位置，添加构造好的代码即可。

如果是古登堡编辑器，请选择“自定义HTML”区块，然后添加构造好的代码即可 ▼

下方哔哩哔哩视频，就是经过优化后的代码的调用效果 ▼