☰

BiliBili-EnablePIP

Enable Picture in Picture mode in Bilibli 在b站中打开画中画模式，使chrome/safair能在b站使用画中画。

// ==UserScript==
// @name         BiliBili-EnablePIP
// @namespace    None
// @version      1.1.0
// @description  Enable Picture in Picture mode in Bilibli 在b站中打开画中画模式，使chrome/safair能在b站使用画中画。
// @author       LXG_Shadow
// @match        https://www.bilibili.com/video/*
// @match        https://www.bilibili.com/bangumi/play/*
// @match        https://live.bilibili.com/*
// @run-at       document-end
// @grant        none
// ==/UserScript==

var b_pipMode = null;
var abc;

var liveReg = RegExp(/live\.bilibili/);
if(window.location.href.match(liveReg)){
    var barSelector = "div.bilibili-live-player > div.bilibili-live-player-context-menu-container>ul";
    var videoSelector = "div.bilibili-live-player-video > video";
    var switchpipmode = function() {
        if (b_pipMode == true) {
            $("video").removeAttr("controls");
            $("div.bilibili-live-player-video-controller").css("z-index", "");
            $("div.bilibili-live-player-video").css("z-index", "");
            b_pipMode = false;
            $("#pipswitch").text("开启画中画状态");
        } else {
            $("video").attr("controls", "controls");
            $("div.bilibili-live-player-video-controller").css("z-index", "-1");
            $("div.bilibili-live-player-video").css("z-index", "10");
            b_pipMode = true;
            $("#pipswitch").text("关闭画中画状态");
        }
    }
    function addToToolBar() {
        if (document.getElementById('pipswitch') === null) {
            var $il0 = $("<li></li>");
            $il0.addClass("context-menu-function");
            var $a0 = $("<a></a>");
            $a0.addClass("context-menu-a");
            $a0.attr("href", "javascript:void(0);");
            $a0.attr("id", "pipswitch");
            b_pipMode = false;
            $a0.text("开启画中画状态");
            $a0.click(switchpipmode);
            $il0.append($a0);
            $(barSelector).append($il0);
            $(videoSelector).attr("pipPlugin",true);
        }
    }
    function checkLoaded(){
        if ($(videoSelector).attr("pipPlugin") !== "true"){
            console.log("1");
            addToToolBar();
        }
    }
}
else{
    var barSelector = "#bilibiliPlayer > div.bilibili-player-context-menu-container.bilibili-player-context-menu-origin>ul";
    var videoSelector = "div.bilibili-player-video > video";
    var switchpipmode = function() {
        if (b_pipMode) {
            $("video").removeAttr("controls");
            $("div.bilibili-player-video-subtitle").css("z-index", "");
            b_pipMode = false;
            $("#pipswitch").text("开启画中画状态");
        } else {
            $("video").attr("controls", "controls");
            $("div.bilibili-player-video-subtitle").css("z-index", "-1");
            b_pipMode = true;
            $("#pipswitch").text("关闭画中画状态");
        }
    }
    function addToToolBar() {
        if (document.getElementById('pipswitch') === null && $(barSelector).children().length == 6) {
            var $il0 = $("<li></li>");
            $il0.addClass("context-line context-menu-function");
            var $a0 = $("<a></a>");
            $a0.addClass("context-menu-a js-action");
            $a0.attr("href", "javascript:void(0);");
            $a0.attr("id", "pipswitch");
            b_pipMode = false;
            $a0.text("开启画中画状态");
            $a0.click(switchpipmode);
            $il0.append($a0);
            $(barSelector).append($il0);
            clearTimeout(abc);
            $(videoSelector).attr("pipPlugin",true);
        } else {
            abc = setTimeout(addToToolBar, 100);
        }
    }
    function checkLoaded(){
        if ($(videoSelector).attr("pipPlugin") !== "true"){
            clearTimeout(abc);
            addToToolBar();
        }
    }
}
(function() {
    'use strict';
    if (!window.jQuery){
        var oScript = document.createElement('script');
        oScript.type = "text/javascript";
        oScript.src="//s1.hdslb.com/bfs/static/jinkela/long/js/jquery/jquery1.7.2.min.js";
        document.head.appendChild(oScript);
    }
    window.onload=window.setInterval(checkLoaded,1000);
})();