个人网站怎么嵌入B站视频 wordpress编辑器加入哔哩哔哩视频方法

发表于 更新于 分类于 阅读次数： 本文字数： 376 阅读时长 ≈ 1 分钟

经典编辑器

wordpress经典编辑器插入B站视频，首先复制视频链接地址，找到视频点转发： !

插入B站视频

复制链接如下：

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

编辑器点击文本

经典编辑器分为”可视化”和”文本”两种模式，可视化就像word编辑工具，文本就是网页html源代码编辑，然后把链接粘贴进去就行了

新版的古腾堡编辑器插入B站视频

古腾堡编辑器是wordpress新版的文本编辑工具，这个就比较简单了，在文章编辑页，插入自定义html模块，如图：

如何调整视频播放窗口的大小

上面两个方法加入视频后，发现视频的播放窗口太小了，那么如何调整呢？首先，这是我们的代码，如下：

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

加入一些代码，注意，代码的标点符号是英文输入法：

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

最后变为：

1
<iframe src="//player.bilibili.com/player.html?aid=40868569&bvid=BV1Jt411p75g&cid=71783277&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>

  最终效果：