search

Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.43k stars 1.99k forks source link

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

Open tgfgomes opened 1 month ago

tgfgomes commented 1 month ago

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 commented 1 month ago

📌 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 commented 1 month ago

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 https://github.com/Automattic/wp-calypso/issues/95683#issuecomment-2436415758, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABUNT2BV7BPM27HJIRLFMKTZ5FVGZAVCNFSM6AAAAABQRPHIKWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZWGQYTKNZVHA . You are receiving this because you were mentioned.Message ID: @.***>

tgfgomes commented 1 month ago

The attached images are in the email reply.

tanjoymor commented 1 month ago

@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 commented 3 weeks ago

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 https://github.com/Automattic/wp-calypso/issues/95683#issuecomment-2438287060, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABUNT2F6BA3TX35SYIC6G4DZ5JXYFAVCNFSM6AAAAABQRPHIKWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZYGI4DOMBWGA . You are receiving this because you were mentioned.Message ID: @.***>

tanjoymor commented 3 weeks ago

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.