哔哩哔哩可自定义倍速播放条/菜单栏（最高可达到5倍速，解决方向键和空格键调节视频的问题）

哔哩哔哩可自定义倍速播放条/菜单栏（最高可达到5倍速，解决方向键和空格键调节视频的问题1）
目前為 2021-08-09 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         哔哩哔哩可自定义倍速播放条/菜单栏（最高可达到5倍速，解决方向键和空格键调节视频的问题）
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  哔哩哔哩可自定义倍速播放条/菜单栏（最高可达到5倍速，解决方向键和空格键调节视频的问题1）
// @author       薪炎，拔剑！
// @match        https://www.bilibili.com/video/*
// @icon         https://www.google.com/s2/favicons?domain=bilibili.com
// @grant        none
// @require  https://code.jquery.com/jquery-3.6.0.min.js
// ==/UserScript==

(function() {
    'use strict';
    $("body").on("click",function(){var timer=setTimeout(function(){$(".bilibili-player-video-info").click();return;},50);});
    $(function(){
        console.log($(".bui-collapse-arrow-text"));
        // $("body").prepend("<div id=rate><div>");
        // $(".bui-collapse-arrow").append("<div id=rate><div>");
        //$("#viewbox_report").prepend("<div id=rate><div>");
        var time=setInterval(function(){
            if($(".bui-collapse .bui-collapse-header .bui-collapse-arrow").css("right")=="14px"){
                $(".bui-collapse .bui-collapse-header .bui-collapse-arrow").css({right:"170px"});
                console.log("change");
                clearInterval(time);
            }
        },1);

        $("body").prepend("<div id=rate><div>");
        $("#rate").css({
            overflow:"hidden",
            position:"absolute",
            //right:"393px",
            //top:"160px",
            right:"605px",
            top:"158px",
            width:"200px",
            height:"33px",
            borderRadius:"9px",
            textAlign:"center",
            zIndex:"2147483647"
        });
        $("#rate").prepend("<button class='rateitem'>5</button>");$("#rate").prepend("<button class='rateitem'>3.5</button>");
        $("#rate").prepend("<button class='rateitem'>3</button>");$("#rate").prepend("<button class='rateitem'>2.5</button>");
        $("#rate").prepend("<button class='rateitem'>2</button>");$("#rate").prepend("<button class='rateitem'>1.5</button>");
        $("#rate").prepend("<button class='rateitem'>1.25</button>");$("#rate").prepend("<button class='rateitem'>1</button>");
        $(".rateitem").css({

            width:"25px",
            height:"33px",
            lineHeight:"33px",
            outline:"none",
            border:"none",
            fontWeight:"bold",
            backgroundColor:"#b2bec3",
        });
        $("#rate button").on("mouseover",function(){
            $(this).css({
                backgroundColor:"#dfe6e9"
            });
        });

        $("#rate button").on("mouseout",function(){
            $(this).css({
                backgroundColor:"#b2bec3"
            });
        });
        $("#rate button").on("mousedown",function(){
            $(this).css({
                backgroundColor:"#d1d8e0"
            });
        });
        $("#rate button").on("mouseup",function(){
            $(this).css({
                backgroundColor:"#dfe6e9"
            });
        });

        $("#rate button").on("click",function(){
            console.log($(this).text());
            $("video")[0].playbackRate=$(this).text();
            console.log($(".bilibili-player-video-bottom-area"));
            //        setTimeout(function(){$(".bilibili-player-video-info ").click();
            //     $(".bilibili-player-video-bottom-area").click();},200);
            //$(".bilibili-player-video-info ").click();
            var timer1=setTimeout(function(){clearTimeout(timer1);$(".bilibili-player-video-info").click();return;},50);

        });

    });
    // Your code here...
})();
欢迎访问Greasy Fork镜像
