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播放器的判定。