获取B站官方嵌入代码
打开需要嵌入的B站视频,点击视频下方分享按钮,在弹出的窗口中选择嵌入代码,一键复制默认iframe代码。
注意:普通公开视频可直接获取嵌入代码;私密、仅粉丝可见视频无嵌入权限,无法使用。
WordPress编辑器粘贴代码
- 进入WordPress文章/页面编辑后台,切换到代码编辑器(HTML模式)(古腾堡编辑器需添加「自定义HTML」区块);
- 将复制的B站iframe代码粘贴到对应位置;
- 保存草稿、预览页面,视频即可正常显示。
基础参数优化(解决自动播放、固定尺寸)
B站默认代码会自动播放、尺寸固定,可手动修改参数优化,通用优化代码如下:
<iframe src="//player.bilibili.com/player.html?bvid=你的视频BV号&autoplay=0&mute=0&danmaku=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%;height:auto;max-width:800px"></iframe>
参数说明:autoplay=0(关闭自动播放)、danmaku=1(开启弹幕,0为关闭)、style自适应样式(适配电脑/手机)。