vidstack / player

UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.
https://vidstack.io
MIT License
2.15k stars 126 forks source link

Live button has wrong styles when at the live edge #1275

Closed Curetix closed 3 months ago

Curetix commented 5 months ago

Current Behavior:

One of the newer version must have introduced a bug with the live button styling, even when the stream is at the edge the button is grey and not red.

Expected Behavior:

The button should have a red background when the stream is at the edge.

Steps To Reproduce:

Reproduction Link:

https://stackblitz.com/edit/vidstack-examples-foszen?file=src%2Fplayer.tsx

Environment:

Anything Else?

image

image

You can see that the default styles overwrite the styles for the edge live button, even when the proper data-edge attribute is set on the live button.