Error on Chrome when playing a video file as a cover block.

[tgfgomes]

Quick summary

Error on Chrome when playing a video file as a cover block.

This causes the video to downgrade in quality and look really bad despite that there is enough bandwidth or space on the screen to show the video.

This was not happening when I built the page so it may have been an update on a software package after.

The warning description when opening the Developer Tools on Chrome is (I suppose this would be the cause):

VIDEOJS: WARN: Problem encountered with "VIDEO_NAME" Aborted early because there isn't enough bandwidth to complete the request without rebuffering. Switching to playlist "VIDEO_NAME"

Steps to reproduce

1. go to https://breakthroughsurfschool.com/ on Chrome
2. see that the cover video is playing with low quality on chrome
3. open developer tools and check the warning on Console regarding VIDEOJS

What you expected to happen

The video to not downgrade in quality

What actually happened

The video downgrades in quality

Impact

All

Available workarounds?

No but the platform is still usable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[tanjoymor]

📌 REPRODUCTION RESULTS
– Tested on Simple – Could Not Replicate

📌 ACTIONS
– Closed as could not replicate (please reopen if the issue reoccurs)

📌 Message to Author
@tgfgomes The example provided plays with the same quality as the original video file in the Media Library. When I first added the same video file to my test site it did display with a degraded quality, but only for a moment and then it cleared and remained clear. I'm also not seeing any console errors on your page. Closing this issue. Feel free to open it again if you have additional context to provide.

[tgfgomes]

I attached some screenshots of the page with degraded video quality and the WARNING message on the console It's a warning, not an error, and it's not a streaming issue as if you let it loop some parts keep on getting degraded quality. Chrome version 130.0.6723.60 on MacOs [image: image.png] [image: image.png] [image: image.png]

…

On Thu, Oct 24, 2024 at 11:04 PM tanjoymor ***@***.***> wrote: 📌 REPRODUCTION RESULTS – Tested on Simple – Could Not Replicate 📌 ACTIONS – Closed as could not replicate (please reopen if the issue reoccurs) 📌 Message to Author @tgfgomes <https://github.com/tgfgomes> The example provided plays with the same quality as the original video file in the Media Library. When I first added the same video file to my test site it did display with a degraded quality, but only for a moment and then it cleared and remained clear. I'm also not seeing any console errors on your page. Closing this issue. Feel free to open it again if you have additional context to provide. — Reply to this email directly, view it on GitHub <#95683 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABUNT2BV7BPM27HJIRLFMKTZ5FVGZAVCNFSM6AAAAABQRPHIKWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZWGQYTKNZVHA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[tgfgomes]

The attached images are in the email reply.

[tanjoymor]

@tgfgomes Unfortunately I haven't received those images. If you pull them in from a hosted link instead of from your computer, they should display here.

[tgfgomes]

Hi, sorry for the late reply. Here is the link: https://drive.google.com/drive/folders/16MJqjwfenqZ6JVKOcGnKGPZRPJyxl1eU?usp=sharing I hope you can help me fix this issue as it does not look good for customers to see this when they open the page. Kind regards Tiago Gomes

…

On Fri, Oct 25, 2024 at 5:38 PM tanjoymor ***@***.***> wrote: @tgfgomes <https://github.com/tgfgomes> Unfortunately I haven't received those images. If you pull them in from a hosted link instead of from your computer, they should display here. — Reply to this email directly, view it on GitHub <#95683 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABUNT2F6BA3TX35SYIC6G4DZ5JXYFAVCNFSM6AAAAABQRPHIKWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZYGI4DOMBWGA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[tanjoymor]

Thank you @tgfgomes for the screen shots showing the console errors. I was able to access them through that link. Please make sure to keep that link active for now and we'll get our developers to take a closer look.