Greasy Fork

How can In non-theater mode, After modifying the player size, The player is to the left instead of centered.
How can I only switch between changing sizes without going into full screen by clicking the change player size button in the player?

The second question is wrong, please ignore it

Can you attach a screenshot of the issue?

The first picture is normal, that is, the player size has not been changed.
The second picture, after changing the player size, The player is in the center of the page and I want it to move to the left

You can modify the CSS to do this:

ytd-watch-flexy[flexy][is-two-columns_] #columns.ytd-watch-flexy {
display: flex;
justify-content: flex-start;
}

After modifying it to the following, it has indeed been moved to the left, but part of the screen is not visible, and it seems that it has been moved too much.

function startMethods() {
new Promise((resolve) => {
sizeObserver(); // Size Observer
resolve();
}).then(() => {
if (getPref("yt-resize")) {
addCss(`#primary.ytd-watch-flexy[flexy][is-two-columns_] #columns.ytd-watch-flexy {
display: flex;
justify-content: flex-start;
}:not([fullscreen]) { max-width: ${maxWidth}px !important; }`, "small-player");
}
addCss(ytresizeCss, "yt-css");
controlResize(); // Create Resize Button
viewObserver(); // Video Container Observer
});
}

You can use margin-left to adjust for the distance.

ytd-watch-flexy[flexy][is-two-columns_] #columns.ytd-watch-flexy {
display: flex;
justify-content: flex-start;
margin-left: 100px;
}

Doesn't work, I set 10-1000px. The position on the left remains unchanged.

I'm not sure why it isn't working. It might be better to use a CSS chrome extension like Stylus to test the CSS than to modify the script.

hard