Crunchyroll's video player not working

[Megumin97]

Hello can anyone please help me to fix this problem?
Whenever i try playing the episode this happens for a second http://prntscr.com/p533o5 and then i get this error http://prntscr.com/p534wf
So the only way to play the video for me is to pause it immediately then skip to anywhere on the video then start it from the beginning again that way i don't get that weird issue.
Also i don't get that error if i use hardware acceleration, but then the video either has tearing or stutters a bit.
I tried other browsers, they all work without any issue.

[Megumin97]

@Gwen-Dragon

1. Windows 10 Pro 18362.356
2. 2.7.1628.33 (Stable channel) (64-bit)
3. I9-9900k, Corsair VENGEANCE LPX 4x16GB RAM
4. GTX 1080ti SLI

Metal: Disabled
Out-of-process Rasterization: Disabled
Hardware Protected Video Decode: Disabled
Skia Renderer: Disabled
Surface Control: Disabled
Viz Hit-test Surface Layer: Disabled
Metal is only available on macOS.
Disabled Features: metal
Viz hit-test surface layer version is not enabled by default.
Disabled Features: viz_hit_test_surface_layer
Skia renderer is not used by default.
Disabled Features: skia_renderer
6. Samsung tv and Focusrite scarlett 2i2, i don't use any surround.
7. I disable all of the extensions the problem was still there
8. Bitdefender total security
9. most of the Crunchyroll videos

[Pathduck]

Try this test page and see if you can play the videos: https://tekeye.uk/html/html5-video-test-page

Another test page: https://www.w3.org/2010/05/video/mediaevents.html

Also check this page under the Video section:
https://html5test.com/

For me the result is:

Video
29/33
video element
Yes ✔
Subtitles
Yes ✔
Audio track selection
No ✘
Video track selection
No ✘
Poster images
Yes ✔
Codec detection
Yes ✔
Video codecs
MPEG-4 ASP support
No ✘
H.264 support
Yes ✔
H.265 support
No ✘
Ogg Theora support
Yes ✔
WebM with VP8 support
Yes ✔
WebM with VP9 support
Yes ✔

[Megumin97]

@Gwen-Dragon Thanks a lot, this fixed it. Turning Override software rendering list to Enable and Use of Hardware of Acceleration on.
Turning Override software rendering list to Enable fixed the tearing and stuttering when using Hardware Acceleration.
Thanks a lot again.

[Megumin97]

@Gwen-Dragon Damn it i spoke to soon youtube only doesn't stutter if its in fullscreen, but this did fixed the issue of tearing on Crunchyroll when using Hardware Acceleration

[Megumin97]

Well after some closer inspection i noticed that the tearing is still there while using hardware acceleration.

[Megumin97]

@Pathduck I didn't use hardware acceleration while doing test, but everything works fine.

https://html5test.com/
Results:

Video
29/33
video element
Yes
Subtitles
Yes
Audio track selection
No ✘
Video track selection
No ✘
Poster images
Yes
Codec detection
Yes
Video codecs
MPEG-4 ASP support
No ✘
H.264 support
Yes
H.265 support
No ✘
Ogg Theora support
Yes
WebM with VP8 support
Yes
WebM with VP9 support
Yes