website icon indicating copy to clipboard operation
website copied to clipboard

Text becomes unreadable when video background autoplay is blocked

Open ghost opened this issue 4 months ago • 0 comments

Description: On the main page, there is a "Gaming ready" block that uses a video as its background with black text on top. If the user’s browser is configured to block videos from automatically playing, the video does not start, and the first frame (which is very dark) remains visible as the background. This makes the text nearly invisible and unreadable.

Image

Steps to Reproduce:

  1. Open the website in a browser with video autoplay disabled (e.g., Firefox, Safari, or Chrome with autoplay disabled in settings).
  2. Navigate to https://usebottles.com/
  3. Observe the block with black text and video background.

Expected Behavior: The text should remain clearly visible regardless of whether the video autoplay is blocked.

Actual Behavior: The video does not play and remains stuck on a dark first frame, making the black text almost invisible.

ghost avatar Aug 20 '25 06:08 ghost