2个步骤在wordpress插入自适应B站视频

Wordpress、网络教程

b站的视频（哔哩哔哩）可以分享出网址和html代码，但是最新版的wordpress古腾堡并没有特别照顾到B站视频，所以当插入B站视频的时候会只有一个小画框，一个播放按钮而已，丝毫没有YouTube的那么顺滑，不过这些都可以通过代码实现，目前网上有2种方法可以选择，以下是教程：

文章目录 隐藏
第一种：
第二种：

第一种：

将以下代码复制即可，然后在结尾</iframe>前加入下面代码：

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

 

就形成这样的代码形式：红色字是添加的代码部分

<iframe src="//player.bilibili.com/player.html?aid=797822790&amp;bvid=BV1My4y167k3&amp;cid=257482881&amp;page=1" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen">style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px0;"</iframe>

 

第二种：

首先在自定义主题，粘帖CSS代码并点击发布进行发布。 代码如下：

iframe{width:100%!important;height:600px!important;}

然后再复制B站分享的的html格式插入文章中，一劳永逸，以后在文章中插入B站视频自动自适应。

以上就是2种在wordpress插入自适应B站视频的方法，建议选择第二种方法，简简单单，你学会了吗？

“2个步骤在wordpress插入自适应B站视频” 中有 3 条评论

  1. 第一种方法没有失效，无法自适应是因为红字代码要添加到里面，版主放在外面了所以失效了

  2. 目前第一种方法已经失效了，BiliBili 视频在博客内无法自适应，大概是与主题有关？不过看起来可以使用，有时长、UP 主显示。

评论已关闭。