Greasy Fork

Excellent work! Can we add a dragging feature in floating mode, so that we can control the exact position and size of the video frame? Right now it's fixed and may be inconvenient sometimes

I've managed to hack into the script and set the floating window to the bottom-right corner of the page, in case someone also needs this:

Changes from line 726:

            /* Original *
            var rtl = (doc.body.getAttribute('dir') == 'rtl');
            var lroff = rtl ? "right: " + (W - vright) + "px !important;" : "left: " + vleft + "px !important;";
            if (small) {
                insertStyle("\
                ytd-watch-flexy[float] #player-container {position: fixed !important; top:56px !important; " + lroff + " width: " + width + "px !important; height: " + height + "px !important; z-index:1000 !important;}\
                ytd-watch-flexy[float] .html5-main-video {width: " + width + "px !important; height: " + height + "px !important;}\
                ", "ytpc_style_float");
            }
            /* Bottom-right */
            var lroff = "left: " + (W - width - W * 0.01) + "px !important;";
            var H = doc.body.clientHeight || doc.documentElement.clientHeight;
            if (small) {
                insertStyle("\
                ytd-watch-flexy[float] #player-container {position: fixed !important; top:" + (H - height - H * 0.01) + "px !important; " + lroff + " width: " + width + "px !important; height: " + height + "px !important; z-index:1000 !important;}\
                ytd-watch-flexy[float] .html5-main-video {width: " + width + "px !important; height: " + height + "px !important;}\
                ", "ytpc_style_float");
            }
            /* */