fix(video-mobile): 限制播放器尺寸并启用playsinline防止页面撑形

app/static/public/css/video.css

@@ -11,6 +11,7 @@
 body {
   background-color: var(--video-bg);
   background-image: none;
+  overflow-x: hidden;
 }
 
 .video-header-row {
@@ -658,6 +659,8 @@ body {
 }
 
 .edit-preview-wrap {
+  width: 100%;
+  max-width: 100%;
   border-radius: 10px;
   background: #000;
   overflow: hidden;
@@ -665,9 +668,13 @@ body {
 }
 
 #editVideo {
+  display: block;
   width: 100%;
+  height: auto;
+  max-width: 100%;
   max-height: 420px;
   background: #000;
+  object-fit: contain;
 }
 
 .edit-slider-wrap {
@@ -778,9 +785,13 @@ body {
 
 #mergeVideoPreviewA,
 #mergeVideoPreviewB {
+  display: block;
   width: 100%;
+  height: auto;
+  max-width: 100%;
   max-height: 240px;
   background: #000;
+  object-fit: contain;
 }
 
 #mergeTimelineA,
@@ -1035,7 +1046,12 @@ html[data-theme='dark'] .cache-video-item.is-active .cache-video-thumb-wrap {
   }
 
   .video-item video {
+    display: block;
+    width: 100%;
+    height: auto;
+    max-width: 100%;
     max-height: 240px;
+    object-fit: contain;
   }
 
   .video-item-actions {
@@ -1049,8 +1065,16 @@ html[data-theme='dark'] .cache-video-item.is-active .cache-video-thumb-wrap {
     font-size: 10px;
   }
 
+  .edit-preview-wrap {
+    max-height: 62vh;
+  }
+
   #editVideo {
-    max-height: 260px;
+    max-height: 60vh;
+  }
+
+  .manual-merge-col .edit-preview-wrap {
+    max-height: 44vh;
   }
 
   .manual-merge-grid {

app/static/public/js/video.js

@@ -1182,6 +1182,8 @@
     if (videoEl) {
       videoEl.controls = true;
       videoEl.preload = 'metadata';
+      videoEl.setAttribute('playsinline', '');
+      videoEl.setAttribute('webkit-playsinline', '');
       const source = videoEl.querySelector('source');
       if (source && source.getAttribute('src')) {
         videoUrl = source.getAttribute('src');
@@ -1199,7 +1201,7 @@
     const body = container.querySelector('.video-item-body');
     if (!body) return;
     const actions = body.querySelector('.video-item-actions-overlay');
-    body.innerHTML = `\n      <video controls preload="metadata">\n        <source src="${safeUrl}" type="video/mp4">\n      </video>\n    `;
+    body.innerHTML = `\n      <video controls preload="metadata" playsinline webkit-playsinline>\n        <source src="${safeUrl}" type="video/mp4">\n      </video>\n    `;
     if (actions) {
       body.appendChild(actions);
     }

app/static/public/pages/video.html

@@ -151,7 +151,7 @@
                 <div class="meta-item"><div class="meta-label">历史数量</div><div id="historyCount" class="meta-value">0</div></div>
               </div>
               <div class="edit-preview-wrap">
-                <video id="editVideo" controls preload="metadata"></video>
+                <video id="editVideo" controls preload="metadata" playsinline webkit-playsinline></video>
               </div>
               <div class="edit-slider-wrap">
                 <input id="editTimeline" class="timeline-delete-zone" data-delete-side="right" type="range" min="0" max="100000" step="1" value="0">
@@ -194,7 +194,7 @@
                   <div class="manual-merge-col">
                     <div class="meta-label">视频1拼接帧（向左保留）</div>
                     <div class="edit-preview-wrap">
-                      <video id="mergeVideoPreviewA" controls preload="metadata"></video>
+                      <video id="mergeVideoPreviewA" controls preload="metadata" playsinline webkit-playsinline></video>
                     </div>
                     <div class="edit-slider-wrap">
                       <input id="mergeTimelineA" class="timeline-delete-zone" data-delete-side="right" type="range" min="0" max="100000" step="1" value="0">
@@ -207,7 +207,7 @@
                   <div class="manual-merge-col">
                     <div class="meta-label">视频2拼接帧（向右保留）</div>
                     <div class="edit-preview-wrap">
-                      <video id="mergeVideoPreviewB" controls preload="metadata"></video>
+                      <video id="mergeVideoPreviewB" controls preload="metadata" playsinline webkit-playsinline></video>
                     </div>
                     <div class="edit-slider-wrap">
                       <input id="mergeTimelineB" class="timeline-delete-zone" data-delete-side="left" type="range" min="0" max="100000" step="1" value="0">