640x480 preview mp4

templates/recounting.html

@@ -197,10 +197,10 @@
     flex: 1; display: flex; align-items: center; justify-content: center;
     background: #000; border-radius: 10px;
     overflow: hidden; position: relative;
-    min-height: 280px;
+    aspect-ratio: 4 / 3; max-height: 480px;
   }
   .video-container img {
-    max-width: 100%; max-height: 100%; display: block;
+    width: 100%; height: 100%; object-fit: contain; display: block;
   }
   .video-placeholder {
     text-align: center; color: var(--text-secondary);