“网站如何嵌入B站视频教程” “教你轻松在网页中添加B站视频” “网页插入B站视频的简单方法” “快速实现网站嵌入B站视频技巧” “网站添加Bilibili视频详细指南”

如果我们想给网站插入B站的视频,我们应该怎么插入呢?今天我用WordPress为例表演一下怎么给网站插入b站视频,大家一起来看好吧,网上有很多教程,但是我看了一遍,好像都不是很全,我这个方法肯定更全面。

首先你是WordPress网站,你需要使用古腾堡编辑器,有些人喜欢使用经典编辑器,如果要实现插入b站视频,需要使用古腾堡编辑器。

我先演示一遍

<span data-mce-type=”bookmark” style=”display: inline-block; width: 0px; overflow: hidden; line-height: 0;” class=”mce_SELRES_start”></span>

以上是内容演示,演示图如下

"网站如何嵌入B站视频教程" "教你轻松在网页中添加B站视频" "网页插入B站视频的简单方法" "快速实现网站嵌入B站视频技巧" "网站添加Bilibili视频详细指南"

那么,怎么实现的呢?咱们使用古腾堡编辑器,点击自定义html,然后填写下面我给的这个代码。

"网站如何嵌入B站视频教程" "教你轻松在网页中添加B站视频" "网页插入B站视频的简单方法" "快速实现网站嵌入B站视频技巧" "网站添加Bilibili视频详细指南"

<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>

大家注意看这个代码,最开始的这个部分有几个文字叫这里填写链接,你把这个链接直接复制到这里,粘贴到这里,然后可以了,什么你跟我说,你不会复制链接?

没事,这个咱们也会教。

"网站如何嵌入B站视频教程" "教你轻松在网页中添加B站视频" "网页插入B站视频的简单方法" "快速实现网站嵌入B站视频技巧" "网站添加Bilibili视频详细指南"

点击这个,点击复制链接,这样直接复制了,然后再粘贴过去,虽然是个很简单的事情,但是有的人是不会。

好了,这样弄好了,到这里教程结束,我们这个教程已经写到傻瓜式的了,如果还不会,然则谁也没辙。

给TA打赏
共{{data.count}}人
人已打赏
未分类

"七七事变86周年纪念日" "铭记七七事变86载历史" "86年前的今天:七七事变爆发" "七七事变86周年:勿忘国耻" "1937-2023:七七事变86周年祭"

2025-5-15 16:47:06

未分类

WordPress敏感词过滤插件

2025-5-15 16:47:11

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索