Home WordPress嵌入BiLiBiLi视频说明
Post
Cancel

WordPress嵌入BiLiBiLi视频说明

首先到待嵌入的视频将鼠标移到分享按钮上(不用点击)

然后移到嵌入代码并复制

(本例代码如下)

1
2
3
<iframe src="//player.bilibili.com/player.html?aid=583631611&bvid=BV1Tz4y1X7Bg&cid=206708397&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

我们需要这串代码中的”aid“和”cid“部分(即 aid=583631611 和 cid=206708397 )

然后将aid和cid填入下方代码的相应位置

1
2
3
4
5
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://player.bilibili.com/player.html?cid=206708397&aid=583631611&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
</div>

(以上代码中aid和cid已替换)

在编写文章的过程若插入视频只需将区块设成“自定义HTML”然后把替换好aid和cid的代码拷贝过去即可

如下为示例视频

参考王陸大佬的文章关于博客园内嵌入bilibili视频

This post is licensed under CC BY 4.0 by the author.

WordPress限制用户访问媒体库

如何自动调用当前系统默认的邮件客户端