Sometimes when you use a web browser video function and got weird result, often the issue that come from GPU which working with the web Browser (Hardware Accelerator). Disabling the GPU is the best way to work around. I have 3 ways to disable it.
Check GPU status
You can check if Chrome enable GPU by type
chrome://gpu at Browser's URL, then find out "Video Acceleration Information"
Method 1 - Chrome setting
- open chrome setting (or
- click at "System" tab
- untick "Use hardware acceleration when available"
- click relaunch
Method 2 - Chrome CLI
- use windows run (windows + R) or open command prompt, windows power shell
- open chrome with command
chrome.exe --disable-gpu --disable-accelerated-video-encode
Method 3 - Advance config
- open chrome then
- fine "Hardware-accelerated video encode" then disable it
- reopen browser
Double check if GPU disabled
Type about://gpu at borwser. You should see "Video Encode: Software only. Hardware acceleration disabled", also "Video Acceleration Information" shuld blank as well.