From a24822eb18dd5c00103f242b8d3e030c4a4329cf Mon Sep 17 00:00:00 2001
From: a-wing <1@233.email>
Date: Sat, 21 Dec 2024 20:58:21 +0800
Subject: [PATCH] fix(webapp): remote enable video

---
 webapp/components/player/player.tsx | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/webapp/components/player/player.tsx b/webapp/components/player/player.tsx
index c20c151..446981a 100644
--- a/webapp/components/player/player.tsx
+++ b/webapp/components/player/player.tsx
@@ -91,18 +91,17 @@ export default function Player(props: { stream: MediaStream, muted: boolean, aud
   return (
     <center className="flex flex-col justify-center min-h-60" style={{ width: props.width }}>
       {!props.stream.getTracks().length ? <center><SvgProgress /></center> : null}
-      {props.video
-        ? <video
-          className="rounded-xl"
-          playsInline={true}
-          autoPlay={true}
-          controls={true}
-          muted={props.muted}
-          ref={refVideo}
-          style={props.stream?.getVideoTracks().length ? { width: props.width } : { height: '0px' }}
-        />
-        : null
-      }
+      <video
+        className="rounded-xl"
+        playsInline={true}
+        autoPlay={true}
+        controls={true}
+        muted={props.muted}
+        ref={refVideo}
+        style={props.stream?.getVideoTracks().length
+          ? { width: props.width, display: props.video ? "inline" : "none"}
+          : { height: '0px' }}
+      />
       {!props.video || showAudio
         ? <AudioWave stream={props.stream} />
         : null