两行前端代码搞定所有网站的链接转视频。包括完美支持wordpress,discuz,typecho,wecenter等主流网站框架。
为啥不建议安装插件:
插件一般都是运行在服务器端的。这多少会影响服务器的性能。尤其做wordpress的,时间久了就会觉得网站非常慢,这时候就要去减少不必要的插件。因为插件太多会拖速度。
但是我们的脚本是运行在客户端的,解析也是在客户端浏览器,速度很快,客户完全体会不到性能影响,也完全不会消耗您服务器的cpu/内存等性能,就算10000个并发也不会因为这个脚本影响到您的网站性能
操作步骤
只需要在您的要解析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>
效果演示:
https://www.bilibili.com/video/BV1Yy4y1J7yw
这里要修改的地方是:
_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
权益申明:
1. 不允许把本脚本用于非法网站