如何在 WordPress 内插入 Bilibili 视频？ - Zirkeln

184 字

1 分钟

如何在 WordPress 内插入 Bilibili 视频？

2025-08-21

/

操作步骤#

1. 获取嵌入代码#

用 Web 端 Bilibili 打开你想插入的视频
选择分享 → 嵌入代码

2. 在 WordPress 中粘贴代码#

在 WordPress Gutenberg 编辑器内选择 新区块 → 自定义代码
粘贴刚才复制的嵌入代码

原始嵌入代码示例：

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

3. 添加样式设置#

在 <iframe> 标签末尾插入以下代码：

1
style="width:100%;height:500px;"

4. 最终代码#

完成后的完整代码应类似这样：

1
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1156257664&bvid=BV12Z421T7Uk&cid=1624024342&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%;height:500px;"></iframe>

说明#

width:100% 让视频宽度自适应容器
height:500px 设置视频播放器的高度，可根据需要调整
这种方法确保 Bilibili 视频在 WordPress 中正确显示并保持响应式布局

如何在 WordPress 内插入 Bilibili 视频？

https://zrn.net/posts/wordpress-insert-bilibili-video-in-post/

作者

Poi

发布于

2025-08-21

许可协议

CC BY-NC-SA 4.0

EdgeOne 规则冲突导致站点下线约 48 小时

【Bilibili / 中日字幕】《蔚蓝档案》羁绊对白vol.3「我就是喜欢！」阿慈谷日富美个人曲

1. 获取嵌入代码

2. 在 WordPress 中粘贴代码

3. 添加样式设置

4. 最终代码