兩行前端代碼搞定bilibili鏈接轉視頻(支持wecenter,wordpress,discuz,typecho)

兩行前端代碼搞定所有網站的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