fix: 优化

src/spec-config.ts

@@ -1,7 +1,7 @@
 export const prodDomain = 'hsslive.cn';
 export const headTitle = prodDomain.split('.')[0];
 
-export const QQ_CLIENT_ID = '101934585';
+export const QQ_CLIENT_ID = 101958191;
 export const QQ_OAUTH_URL =
   'https://graph.qq.com/oauth2.0/authorize?response_type=code&';
 

src/views/pull/index.vue

@@ -156,14 +156,16 @@
           class="remote-video"
           ref="remoteVideoRef"
         ></div>
-        <VideoControls
-          v-if="roomLiving"
-          :resolution="videoResolution"
-          @refresh="handleRefresh"
-          @full-screen="handleFullScreen"
-          @picture-in-picture="hanldePictureInPicture"
-          :control="appStore.videoControls"
-        ></VideoControls>
+        <div class="video-controls">
+          <VideoControls
+            v-if="roomLiving"
+            :resolution="videoResolution"
+            @refresh="handleRefresh"
+            @full-screen="handleFullScreen"
+            @picture-in-picture="hanldePictureInPicture"
+            :control="appStore.videoControls"
+          ></VideoControls>
+        </div>
       </div>
 
       <div
@@ -1202,6 +1204,15 @@ function handleScrollTop() {
           transform: translate(-50%, -50%);
         }
       }
+      .video-controls {
+        display: none;
+      }
+
+      &:hover {
+        .video-controls {
+          display: block;
+        }
+      }
 
       .cover {
         position: absolute;