两行前端代码搞定bilibili链接转视频(支持wecenter,wordpress,discuz,typecho)

最新推荐文章于 2025-01-01 18:16:17 发布

sl514

最新推荐文章于 2025-01-01 18:16:17 发布

阅读量1.6k

点赞数 1

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/sl514/article/details/114072789

版权

HTML 专栏收录该内容

5 篇文章

订阅专栏

博客介绍只需在要解析B站视频的页面添加两行前端代码，就能实现wordpress、discuz等网站的B站链接转视频。脚本会在客户端浏览器解析特定容器里的B站超链接，还说明了代码中参数的含义及配置方法，同时提供了懒人工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两行前端代码搞定所有网站的wordpress,discuz,typecho,wecenter的的bilibili链接转视频。

只需要在您的要解析B站视频的页面的</body>前面加上下面两行代码即可,脚本会在客户端浏览器里解析container所匹配到的容器里的B站超链接

（如果不是外围有a标签的超链接只是纯粹的B站链接文字，则不会解析）

<script>
	var _bilioption= {"container":".aw-main-content","position":"after"};
</script>
<script asyn="asyn" src="//cdn.jsdelivr.net/gh/sl514/myres@master/biliparse.js"></script>

效果演示:

http://hot.bili123.com/?/article/1

这里要修改的地方是:

_bilioption里的两个参数。

参数解释:

container（必传）

这个是你要解析B站链接的div模块，使用选择器查找模块。

支持id,样式名称和tagname查找

打算用含有id为xxxx属性的div时，可以填写 #xxxx

打算用含有class为xxxx属性的div时，可以填写 .xxxx 小数点开头

打算用所有tagname为article比如<article>里的内容可以直接填写article

position:

支持如下参数:

self 视频会替换链接本身，链接消失只留下视频。

before 视频会出现在链接的上方

after 视频会出现链接的下方。

width:

宽度，可以是写死比如400px 或者 100% 默认100%

height:

宽度，可以是写死比如400px 或者 100% 默认400px

为了让大家更好的配置json。三叔提供了懒人工具:

http://lab.bili123.com/pages/biliparsejs.php