Wordpress网页直接插入bilibili视频方法

Wordpress 网页直接插入 bilibili 视频方法

先在视频页将鼠标移到分享按钮,复制下方的嵌入代码:

在这里插入图片描述

在文章编辑页,插入自定义 html 模块,如图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

粘贴代码:

<iframe src="//player.bilibili.com/player.html?aid=839629572&bvid=BV1Y54y1m743&cid=237240818&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

再加上

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

到代码内,这里调整的是播放界面在网站中显示的大小,可以更改高度和宽度。

<iframe src="//player.bilibili.com/player.html?aid=839629572&bvid=BV1Y54y1m743&cid=237240818&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;"> </iframe>

添加以后的效果,如图:
在这里插入图片描述

AI悦创·创造不同!
AI悦创 » Wordpress网页直接插入bilibili视频方法

发表评论