Need help with previews/videos

[GGOONNZZ]

Not really sure where to ask this, ive tried looking it up but im not really sure how to get the phrasing right…

All video previews on this site, and some other sites too (Like the K site and C site), all the videos load like this:

is there a reason it only takes up half of the frame?

Im using Brave browser if that makes a difference, though, im not sure it does cos i just tried on firefox and chrome and they both do the same…

Does anyone else have this issue? or know how to solve it?

[VladTheImplier]

You know, I experience this as well, and I never really understood why. I thought it was my browser only. I’ll see if this is fixable.

[GGOONNZZ]

theres a fix for individual instances:

using the inspect element on the video, you can untick the “max-height” and it will fix it, just not sure why that isnt the default and not sure how to make it “permanent”

[GGOONNZZ]

Just tampering with it a bit, scaling the browser application itself doesnt seem to effect the scaling of the embedded video until you go below its lowest resolution, only the player. After realising that, maybe it has something to do with screen resolution/readability options within browsers, cos i dont remember having this on my old monitor.

[VladTheImplier]

I think I fixed it.
refresh without cache and see if it’s gone. (CTRL + F5)

[GGOONNZZ]

Awesome, looks fixed to me!

so, this was a sitewide issue?

meaning for it to be fixed with other sites, itll have to done on the backend?

great…

ty for the fix tho, been annoying me for ages

[VladTheImplier]

I suspect it’s a bug with a javascript library (onebox in this case)
If you have userscripts for your browser you can override the CSS with this:

video {
  max-width: fit-content;
}

[GGOONNZZ]

im not tech savvy enough for that lmao, i use tampermonkey, where can i find the css?

[VladTheImplier]

Try creating a new userscript and pasting this, let me know if it works:

// ==UserScript==
// @name         Fix weird bug with oneboxjs
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  changes video max-width from 500px to fit-content
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const style = document.createElement('style');
    style.textContent = `
        video {
            max-width: fit-content !important;
        }
    `;
    document.head.appendChild(style);
})();

[GGOONNZZ]

as is typical when trying to fix stuff, k site and c site are currently down so i cant even test it lol, ill look around for another site