Stream playback hangs and prints errors

I am experiencing playback issues of streaming videos (HLS and MP4) on a Motorola G5 Plus (Potter) running Android 11 using QML. I also experienced the same issues with Android 10 on the same device.

When the video starts it looks to work normally, however after 2 or so seconds the image hangs (audio continues). I get the following errors:

W Gralloc4: allocator 3.x is not supported
W Gralloc3: allocator 3.x is not supported
I Gralloc2: Adding additional valid usage bits: 0x202400
W MediaPlayerNative: info/warning (3, 0)
W gt.redditreade: [SurfaceTexture-0-8651-0] bindTextureImage: clearing GL error: 0x500
W gt.redditreade: [SurfaceTexture-0-8651-0] bindTextureImage: clearing GL error: 0x500
W gt.redditreade: [SurfaceTexture-0-8651-0] bindTextureImage: clearing GL error: 0x500
W gt.redditreade: [SurfaceTexture-0-8651-0] bindTextureImage: clearing GL error: 0x500

The last error (clearing GL error: 0x500) is printed many times during the video playback. The video is placed in a Listview, when I scroll the Listview the video starts moving again. When I stop scrolling the image freezes again.

To reproduce one could use the following video: https://v.redd.it/vesnz2dc3ht81/HLSPlaylist.m3u8 (video about a cat watching some puppies).