via浏览器脚本-打开B站H5播放器

假如我们因为b站APP太累赘并且消耗时间，只能用手机刷b站，但是由于手机太难调节清晰度。所以，我们通过b站提供的html5播放器的链接，能够更舒服看上了高清视频。

https://www.bilibili.com/blackboard/html5mobileplayer.html?high_quality=1&bvid=

随之而来，我们发现了一个问题，我们每看一个视频就要复制一次BV号。这样实在是太累人了，于是我们决定要写一个脚本，免除复制，直接打开htm5播放器。

脚本一：通过刷新打开播放器

/*
* @name: B站H5播放器
* @Author: Harl02
* @version: 1.1
* @description: 刷新后以html5播放器打开视频
* @include: m.bilibili.com
* @createTime: 2022-3-01 16:40:00
* @updateTime: 2022-3-13 13:00:00
*/
(function(){

var url = window.location.href;
var player = "https://www.bilibili.com/blackboard/html5mobileplayer.html?highQuality=1&bvid=";

var bv = url.match("BV..........");//正则表达式
var target = player.concat(bv);//合成链接

if (performance.navigation.type == 1){
  window.location.replace(target);//跳转
}
})();

这个脚本误打误撞，碰巧只有加载完网页后再刷新一次才能进入html5播放器，相当于我们利用了刷新按钮。满足了看评论的需求（虽然只有三层楼的评论）。

（随着B站网页的更新，手机版的评论区已经无了）

 

脚本二：通过悬浮按钮打开播放器

/*
* @name: B站H5播放器
* @Author: Harl02
* @version: 1.2
* @description: 增加打开H5播放器的按钮
* @include: m.bilibili.com
* @createTime: 2022-3-01 16:40:00
* @updateTime: 2022-3-25 10:40:00
*/
(function(){
var url = window.location.href;
var h5 = "https://www.bilibili.com/blackboard/html5mobileplayer.html?highQuality=1&bvid=";

var bv = url.match("BV..........");//正则表达式
var target = h5 + bv;

//定义悬浮按钮
const d=document.createElement('div');
d.innerHTML='<div id="h5">H5</div>';
d.style='position:fixed;right:15px;bottom:20%;color:#000000;background:#C0C0C0';
document.body.append(d);

document.getElementById('h5').onclick=()=>{
window.location.replace(target);//跳转
};
})();

 

另外还要注意，站点那里要填写

m.bilibili.com/video/*

附上截图

 更新日志：

22.3.13，1.1，有时候会自动跳转，增加了一个判断，仅在刷新后跳转。

22.3.25，1.2，增加悬浮按钮，替换刷新打开H5播放器的判定。