Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-31 01:08:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix some grey overlays on the video player with some browsers

Browse source
This commit is contained in:
Pas 2025-11-05 10:25:48 -07:00
parent a7889d568b
commit 324cff18cc
3 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/player/atoms/ProgressBar.tsx
View file

@ -62,7 +62,10 @@ function ThumbnailDisplay(props: { at: number; show: boolean }) {
className="h-24 border rounded-xl border-gray-800"
/>
)}
<p className="mt-1 mx-auto text-center border rounded-xl border-gray-800 px-3 py-1 backdrop-blur-lg bg-black bg-opacity-20 w-max">
<p
className="mt-1 mx-auto text-center border rounded-xl border-gray-800 px-3 py-1 backdrop-blur-lg bg-black bg-opacity-20 w-max"
style={{ isolation: "isolate" }}
>
{formattedTime}
</p>
</div>

1
src/components/player/base/SubtitleView.tsx
View file

@ -98,6 +98,7 @@ export function CaptionCue({
styling.backgroundBlur !== 0
? `blur(${Math.floor(styling.backgroundBlur * 64)}px)`
: "none",
isolation: styling.backgroundBlur !== 0 ? "isolate" : "auto",
fontWeight: styling.bold ? "bold" : "normal",
...textEffectStyles,
}}

1
src/components/player/internals/VideoContainer.tsx
View file

@ -103,6 +103,7 @@ function VideoElement() {
<video
id="video-element"
className="absolute inset-0 w-full h-screen bg-black"
style={{ isolation: "isolate" }}
autoPlay
playsInline
ref={videoEl}