Skip to content

Text becomes unreadable when video background autoplay is blocked #80

@ghost

Description

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions