YouTube Player Controls

Adds features to YouTube player page: fill window with video, stretch, float video, set HD 4K 8K resolution, hide annotations and ads, click skip ads, click show more, loop, replay a video segment, pause at start/end, zoom and pan video.

< Feedback on YouTube Player Controls

Question/comment

§
Posted: 2018-09-26

Improvement suggestion: Move floating player to the right and make it smaller, movable & resizable

The floating player is too big and not resizable, nor movable, so it is impossible to read the comments when scrolling down, as it overlays the comment section which doesn't make sense.

§
Posted: 2019-04-10

I have the same problem as you. Have you solved this problem? I guess the author may be too busy to reply to us.

§
Posted: 2021-07-20

+1 for resizing & moving floating video frame

§
Posted: 2021-07-20
Edited: 2021-07-20

I've managed to hack into the script and set the floating window to the bottom-right corner of the page, it works for my purposes. 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");
            }
            /* */

Post reply

Sign in to post a reply.