MX player website - remove gray bars and adjust playback rate using [ , ]

On https://mxplayer.in 1) Removed gray bars in video player 2) You can now press "[" - to increase speed by 0.25x, "]" - to decrease speed by 0.25x

当前为 2023-02-26 提交的版本，查看最新版本。

安装此脚本？

提问、发表评价或者举报此脚本。

换行

// ==UserScript==
// @name         MX player website - remove gray bars and  adjust playback rate using [ , ]
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  On https://mxplayer.in 1) Removed gray bars in video player 2) You can now press "[" - to increase speed by 0.25x, "]" - to decrease speed by 0.25x
// @author       Niteen Autade
// @match        https://www.mxplayer.in/show/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=simply-how.com
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...

    let secondsOver = 0
    const myInterval = setInterval(()=>{
        secondsOver++;
        const els = document.getElementsByTagName('video')
        if(secondsOver >=5){
            console.log("More than 5 seconds over");
            stopColor()
            return
        }
        if(els.length == 0){
            console.log("Video tag not found");
            return
        }
        const video = els[0]
        video.style["background"] = '#000000';
        console.log("Updated background color to black");

        const body = document.getElementsByTagName('body')
        const element = body[0]

        function speedChangedMessageDiplay(type,time){
            let block_to_insert = document.createElement( 'div' );
            const DIV_ID = 'speed-change-div';
            block_to_insert.innerHTML = `Speed ${type} to ${video.playbackRate}` ;
            block_to_insert.id = DIV_ID;
            block_to_insert.style.color = '#ffffff';
            block_to_insert.style.position = 'absolute';
            block_to_insert.style["z-index"] = 100;
            block_to_insert.style.top = '0px';
            block_to_insert.style.fontSize = '15px';

            const videoPlayerWrapper = document.getElementById('video-player')
            videoPlayerWrapper.appendChild(block_to_insert);

            setTimeout(()=>{
                const divEl = document.getElementById(DIV_ID);
                divEl.remove()
            },time)
        }

        element.onkeyup = (event)=>{
            if(event.key == ']'){
                video.playbackRate+=0.25
                speedChangedMessageDiplay('increased',500)
            }
            else if(event.key == '['){
                video.playbackRate-=0.25
                speedChangedMessageDiplay('decreased',500)
            }
        }
        stopColor()
    }, 1000);
    function stopColor() {
        clearInterval(myInterval);
    }

})();

欢迎访问Greasy Fork镜像