Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Video not zooming in correctly when in fullscreen on Netflix #222

Open
PeterPHardus opened this issue Mar 15, 2023 · 3 comments
Open

Video not zooming in correctly when in fullscreen on Netflix #222

PeterPHardus opened this issue Mar 15, 2023 · 3 comments

Comments

@PeterPHardus
Copy link

PeterPHardus commented Mar 15, 2023

Summary -
When fullscreening, the zoom will break and the video will resume playing in a letter box.

Some weird quirks that I noticed when trying to troubleshoot.

  • When playing at 1920x1080, fullscreen zoom would work correctly

  • Once resolution jumped to 3840x2160, the zoom will break and the video will play in a letter box again

Windowed
20230315_230842

Fullscreen
20230315_230851

I assume that this may be a ultraHD / HDCP DRM issue but just documenting if others have this issue

Browser: Edge - Chromium
Website - Netflix
Ultrawidify Settings - Default
Aspect Ratio - 21:9
HDR? - Yes
Edge useAngle - OpenGL

Quick note on the useAngle, I couldn't use any other settings as HDR and netflix ultraHD functionality seems to break when not using OpenGL

@tamius-han
Copy link
Owner

tamius-han commented Mar 29, 2023

Hi, sorry for late response.
(f
That does appear to be a problem with Edge's DRM implementation. It appears that Edge and Chrome really don't like it when video element is extended beyond the edges of the monitor.

I know this looks sketch af, but can you please do me a favour. Disable Ultrawidify for a moment, reload netflix page. Play the video. Press F12 while in full screen and paste this into console:

video = document.getElementsByTagName('video')[0];

setTimeout( () => {
  video.setAttribute('object-fit', 'cover');
  // note to self - stackoverflow says that without border-radius is sometimes needed
  video.setAttribute('style', 'position: fixed; width: calc(100vw + 1px); height: calc(100vh + 1px); top: 0, left: 0; border: 10px solid red; border-radius: 1px; z-index: 1000;')
}, 10000);

Press enter, close the console (F12 again), enter fullscreen with F11 if you're not in full screen already. Wait 10 seconds or so.

This script will attempt to crop the video in a slightly different (and much less convenient and reliable) way than the extension does now. It will also add a thick red border around the video, so you know when it ran.

Please report if the snippet I shared helps in any way, or whether black borders on all sides still remain even with this workaround.

@Phoenomenal
Copy link

Phoenomenal commented Mar 31, 2023

tamius-han, Hi.

Came here because i am having same problem with Netflix. Done exactly what you write above with adding code to console. And it works because after inject this code to console i can crop video correctly using this extension (Netflix™ Extended) which crops Netflix video also incorrectly if not inject code you write above :
https://chrome.google.com/webstore/detail/netflix-extended/gjcgfkhgpaccjpjokgpekpgpphgaanej

@theGlaive
Copy link

Having same issue with Netflix on Edge.
Also youtube stretching is broken.
If I switch to D3D9 all 4K, HDR and DD Atmos support goes away.
OpenGl not working as a fix on Edge.
And it's been like that for quiet a few months now.
Is that script above is the only workaround for now?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants