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

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

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

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


效果演示:

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

这里要修改的地方是:

_bilioption里的两个参数。

参数解释:

container(必传)

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

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

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

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

    打算用所有tagname为article比如

里的内容 可以直接填写article

position:

    支持如下参数:

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

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

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

width:

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

height:

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

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

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

两行前端代码搞定bilibili链接转视频(支持wecenter,wordpress,discuz,typecho)_第1张图片

你可能感兴趣的:(HTML)