ow

WebVue/src/components/basic/VideoPlayer.vue

@@ -24,6 +24,12 @@
                 @click.stop="toggle">
                 <CaretRightFilled />
             </button>
+            <!-- 控制区收起后画面上留一个恢复入口：影视厅这种整页用法没有弹窗右上角按钮，
+                 否则收起后就再也点不回来了 -->
+            <button v-if="!controlsVisible" class="vp-restore" type="button" title="显示控制区"
+                @click.stop="toggleControls">
+                <EyeOutlined />
+            </button>
         </div>
 
         <!-- 控制区：单击画面区可隐藏，隐藏后画面区吃掉这部分空间 -->
@@ -861,6 +867,30 @@ onBeforeUnmount(() => {
     cursor: pointer;
 }
 
+/* 控制区收起后留在画面右下角的「显示控制区」入口 */
+.vp-restore {
+    position: absolute;
+    right: 14px;
+    bottom: 14px;
+    z-index: 3;
+    width: 38px;
+    height: 38px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 18px;
+    color: #fff;
+    background: rgba(6, 56, 62, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.45);
+    backdrop-filter: blur(6px);
+    opacity: 0.85;
+}
+
+.vp-restore:active {
+    transform: scale(0.94);
+}
+
 
 
 /* ---------- 功能图标行 ---------- */