简单说明
版本:1.2
说明:本工具可以将B站视频快速插入至页面
安装方法
- 自动安装:拥有站点管理员权限的同学可以在本页面使用一键安装功能
- 手动安装:复制以下依赖页面中的内容到相同页面名称的页面中
使用说明
参数
w
:播放器的宽度,如:16px
或20%
h
:播放器的高度,如:16px
或20%
bv
:BV号,如:BV1sv4y1f7Q2
。
P
:视频分P编号,如:1
。
Pname
:视频分P的名称(非必填,moshi值为2时是必填项),如:【非常好玩具】
。
moshi
:为调用模式(非必填),该值可不添加,值默认为1。
- moshi的值为“1”:调用普通的播放器
- moshi的值为“2”:需填入
Pname
的名称,即可成功调取对应分P的视频
示例
{{#Widget:Biliplayer|bv=BV1sv4y1f7Q2|P=1|w=763px|h=419px}}
{{#Widget:Biliplayer|moshi=2|bv=BV1bV411u7kS|Pname=【非常好玩具】|w=763px|h=419px}}
作者
依赖页面
<div class="biliplayerW-dom" id="d"></div>
<script>
(window.RLQ = window.RLQ || []).push(['jquery', () => {
$(document).ready(function () {
var moshi = ``;
if (window.biliplayerWc == undefined) {
window.biliplayerWc = 0;
}
window.biliplayerWc = window.biliplayerWc + 1;
var element = document.querySelector(`.biliplayerW-dom#d`)
element.setAttribute('id', `bilip${window.biliplayerWc}`);
if (moshi == ``) { moshi = `1`; }
switch (moshi) {
case `1`: {
document.querySelector(`.biliplayerW-dom#bilip${window.biliplayerWc}`).innerHTML = `<div style="width:;height: ;"><iframe name="video-frame" src="https://bili-proxy.biligame.com/www/blackboard/newplayer.html?bvid=&p=&autoplay=0" frameborder="no" scrolling="no" allowfullscreen="" style="width: 100%;height: 100%;"></iframe></div>`
break;
}
case `2`: {
var Bvid = ``;
var Pname = ``;
$.get(`https://api.bilibili.com/x/web-interface/view?bvid=${Bvid}`).then(function (result) {
var queryData = result.data.pages.filter(function (_data) {
return _data.part == Pname
});
document.querySelector(`.biliplayerW-dom#bilip${window.biliplayerWc}`).innerHTML = `<div style="width:;height: ;"><iframe name="video-frame" src="https://bili-proxy.biligame.com/www/blackboard/newplayer.html?bvid=${Bvid}&p=${queryData[0].page}&autoplay=0" frameborder="no" scrolling="no" allowfullscreen="" style="width: 100%;height: 100%;"></iframe></div>`
});
break;
}
}
})
}]);
</script>
更新日志
1.2 新增模式参数,以及用分P名称来定位分P
1.1 修复了更改分P选项无法显示对应分P的内容
1.0 本项目创建