WordPress在文章中嵌入Bilibili视频

1.获取bilibili视频嵌入代码

img

复制出的嵌入代码如下:

<iframe src="你的视频地址" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

2.添加自定义HTML块

在文章编辑页面,点击添加区块,在区块列表中找到“自定义HTML”

img

3.将嵌入代码中scr=“ 视频地址”,复制到下列代码中的scr=“” 中去

<iframe id="spkj" src="你的视频地址" width="100%" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> </iframe>
<script type="text/javascript">  
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>

4.将嵌入代码复制入语句块中

点击预览,效果如图:

img

后记:

内嵌其他视频网站的视频步骤与此次步骤基本相同,只需要将视频地址替换一下即可

最后修改:2023 年 11 月 12 日
如果觉得我的文章对你有用,请随意赞赏