Revert "fix some grey overlays on the video player with some browsers"

This reverts commit 324cff18cc.

src/components/player/atoms/ProgressBar.tsx

@@ -62,10 +62,7 @@ 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"
-              style={{ isolation: "isolate" }}
-            >
+            <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">
               {formattedTime}
             </p>
           </div>

src/components/player/base/SubtitleView.tsx

@@ -98,7 +98,6 @@ 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,
       }}

src/components/player/internals/VideoContainer.tsx

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