如何在wordpress中插入bilibili视频

科学技术科学技术

首先我们要在主题 footer 中,加入以下代码:

<script type="text/javascript">if(document.getElementById("jzbvideo")){document.getElementById("jzbvideo").style.height=document.getElementById("jzbvideo").scrollWidth*0.64+"px";}</script>

其实我们要在视频页面中的分享中获得嵌入代码,从这段代码中获得aid。比如像以下这段代码中我们可以看到它的aid是:114290489034282。

<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=114290489034282&bvid=BV1pKRBYREjD&cid=29265298100&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

然后我们在古腾堡编辑器的块中添加自定义 HTML 块,加入以下代码,并将其中的aid替换成要发布的视频的aid。

<iframe id="jzbvideo" src="//player.bilibili.com/player.html?aid=114290489034282&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>

以上,就是在wordpress中插入视频的具体过程了。

至于原理,可以移步这里看博主的详细解释:WordPress 网站如何插入哔哩哔哩自适应视频 – WordPress建站帮 (WPJZB)

By 酒玖

大坑套小坑,小坑里有洞,洞底有暗河

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注