B站bilibili视频插入WordPress的方法

b站子代html分享代码，但如果原封不动复制在wordpress里面，会不适应，窗口很小，外面只需要改动一下分享代码就可以完美自适应，每次都要修改哦。

找到b站视频的分享按钮，点击复制，复制后的代码如下：

<iframe src=”//player.bilibili.com/player.html?aid=81502772&;amp;cid=139471736&amp;page=1″scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true”> </iframe>

再结尾</iframe>前面加上 style=”width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0;” 到代码内，这里调整的是播放界面在网站中显示的大小，可以更改高度和宽度。

变成了如下：

<iframe src=”//player.bilibili.com/player.html?aid=81502772&;amp;cid=139471736&amp;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>

黑色加粗是加的宽窄自适应代码。

视频效果参考这篇文章：

贵阳街头15元自助快餐，20多个现炒菜品，出租车司机最爱

缺点有一个就是如果想在当前页面播放，必须去主动点击左下角的播放按钮，如果点中央或者其他区域会自动跳转到B站播放。（无疑增加了播放率….😂）

本文借鉴与：https://www.bilibili.com/read/cv4646159/