update image video view shape

README.md

@@ -67,10 +67,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
 
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/cTQX49v7GT7GA-NEHj5vK.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/cTQX49v7GT7GA-NEHj5vK.jpeg width="200">
     </td>
     <td >
-     <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/U4sHVv_fYVbFHveS7Sw7h.mp4"></video>
+     <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/U4sHVv_fYVbFHveS7Sw7h.mp4"></video>
     </td>
     <td>(masterpiece, best quality, highres:1),(1girl, solo:1),(beautiful face,
     soft skin, costume:1),(eye blinks:{eye_blinks_factor}),(head wave:1.3)
@@ -79,10 +79,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
 
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/SPSgJpptVM4Qm11nqD07C.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/SPSgJpptVM4Qm11nqD07C.jpeg width="200">
     </td>
     <td>
-    <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/XMya1FCmRs6USzKp9qrAy.mp4"></video>
+    <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/XMya1FCmRs6USzKp9qrAy.mp4"></video>
     </td>
     <td>
     (masterpiece, best quality, highres:1),(1girl, solo:1),(beautiful face,
@@ -91,10 +91,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   </tr>
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/l6chBPhUKeOLbnXnX-ewG.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/l6chBPhUKeOLbnXnX-ewG.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/pPnU6QXgWuWxw5SWZdl8N.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/pPnU6QXgWuWxw5SWZdl8N.mp4"></video>
     </td>   
     <td>
     (masterpiece, best quality, highres:1), peaceful beautiful sea scene
@@ -103,10 +103,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
 
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/VQMEeGc1wTuiATtQLJjer.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/VQMEeGc1wTuiATtQLJjer.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/_9ZQEebUlmSNtXMJKiGPu.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/_9ZQEebUlmSNtXMJKiGPu.mp4"></video>
     </td>
     <td>
       (masterpiece, best quality, highres:1), peaceful beautiful sea scene
@@ -115,10 +115,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   <!-- guitar  -->
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/Fk_eec7vqq4NfAYVPNLI-.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/Fk_eec7vqq4NfAYVPNLI-.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/p0gWRwZTDOrbPf8mZOphG.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/p0gWRwZTDOrbPf8mZOphG.mp4"></video>
     </td>
     <td>
        (masterpiece, best quality, highres:1), playing guitar
@@ -126,10 +126,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   </tr>
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/Zcc5xj1-lA_EPS7gvJu99.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/Zcc5xj1-lA_EPS7gvJu99.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/4mT4KL3q4FzyQQKJfgXVG.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/4mT4KL3q4FzyQQKJfgXVG.mp4"></video>
     </td>
     <td>
       (masterpiece, best quality, highres:1), playing guitar
@@ -137,10 +137,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   </tr>
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/iT5OsCpRNnntuS0TH1cG5.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/iT5OsCpRNnntuS0TH1cG5.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/6RWBw73-oE4rJH808FzIK.mp4">
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/6RWBw73-oE4rJH808FzIK.mp4">
     </td>
     <td>
       (masterpiece, best quality, highres:1), playing guitar
@@ -148,10 +148,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   </tr>
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/Ym582ZF-MbYkRW1sAE5r3.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/Ym582ZF-MbYkRW1sAE5r3.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/lYqpeRcIiK7WEqRe4d8dZ.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/lYqpeRcIiK7WEqRe4d8dZ.mp4"></video>
     </td>
     <td>
     (masterpiece, best quality, highres:1), playing guitar
@@ -160,10 +160,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   <!-- famous people -->
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/JsAjbl4AeYz089kWHjjUJ.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/JsAjbl4AeYz089kWHjjUJ.jpeg width="200">
     </td>
     <td>
-      <video width="500"  controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/KCjF9HutBo7el15gm3YV3.mp4"></video>
+      <video width="400"  controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/KCjF9HutBo7el15gm3YV3.mp4"></video>
     </td>
     <td>
     (masterpiece, best quality, highres:1),(1man, solo:1),(beautiful face,
@@ -173,10 +173,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
 
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/v-X3Wrkm14YwLGGloNlMK.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/v-X3Wrkm14YwLGGloNlMK.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/P_Y5jUO1EJ6n3Z4qd1xh1.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/P_Y5jUO1EJ6n3Z4qd1xh1.mp4"></video>
     </td>   
     <td>
     (masterpiece, best quality, highres:1),(1girl, solo:1),(beautiful face,
@@ -185,10 +185,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   </tr>
   <tr>
     <td>
-        <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/cNe41NV1OfLF5AmMKD6mi.jpeg width="400">
+        <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/cNe41NV1OfLF5AmMKD6mi.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/L6mA8uuckRJhzhAJHayJT.mp4"></video>      
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/L6mA8uuckRJhzhAJHayJT.mp4"></video>      
     </td>
     <td>
   (masterpiece, best quality, highres:1),(1man, solo:1),(beautiful face,
@@ -197,10 +197,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   </tr>
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/6iHIaa15eBgop7BsE0Nps.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/6iHIaa15eBgop7BsE0Nps.jpeg width="200">
     </td>
     <td>
-      <video width="500"  controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/foPX3iRk2TzjRl_V52T21.mp4"></video>
+      <video width="400"  controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/foPX3iRk2TzjRl_V52T21.mp4"></video>
     </td>
     <td>
   (masterpiece, best quality, highres:1),(1girl, solo:1),(beautiful face,
@@ -209,10 +209,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
   </tr>
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/R7rp7t4DPkws0dXRxi0bf.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/R7rp7t4DPkws0dXRxi0bf.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/tGTSNe9i08pvTMNe6SOBg.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/tGTSNe9i08pvTMNe6SOBg.mp4"></video>
     </td>
     <td>
       (masterpiece, best quality, highres:1),(1girl, solo:1),(beautiful face,
@@ -225,17 +225,17 @@ Bellow Case could be found in `configs/tasks/example.yaml`
 
 <table class="center">
     <tr style="font-weight: bolder;text-align:center;">
-        <td width="35%">image</td>
-        <td width="50%">video</td>
-        <td width="15%">prompt</td>
+        <td>image</td>
+        <td>video</td>
+        <td>prompt</td>
     </tr>
 
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/EIembLBwySZTBjFZStFr_.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/EIembLBwySZTBjFZStFr_.jpeg width="200">
     </td>
     <td>
-        <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/jfHV6a186BzAu-Tz0ET1o.mp4"></video>
+        <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/jfHV6a186BzAu-Tz0ET1o.mp4"></video>
     </td>
     <td>
       (masterpiece, best quality, highres:1), peaceful beautiful waterfall, an
@@ -245,10 +245,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
 
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/u2_mzl5m-Z0nwSYFcTLxs.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/u2_mzl5m-Z0nwSYFcTLxs.jpeg width="200">
     </td>
     <td>
-        <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/eXrRVejCZs3QaA4-JK6Le.mp4"></video>
+        <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/eXrRVejCZs3QaA4-JK6Le.mp4"></video>
     </td>
     <td>(masterpiece, best quality, highres:1), peaceful beautiful river
     </td>
@@ -256,10 +256,10 @@ Bellow Case could be found in `configs/tasks/example.yaml`
 
   <tr>
     <td>
-      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/NIHfIi7onyJ5ELetE2f_Z.jpeg width="400">
+      <img src=https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/NIHfIi7onyJ5ELetE2f_Z.jpeg width="200">
     </td>
     <td>
-      <video width="500" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/eaZyhukcfaoY7dIGp2cs6.mp4"></video>
+      <video width="400" controls autoplay src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/eaZyhukcfaoY7dIGp2cs6.mp4"></video>
     </td>
     <td>(masterpiece, best quality, highres:1), peaceful beautiful sea scene
     </td>
@@ -273,9 +273,9 @@ In duffy case, pose of the vision condition frame is not aligned with of the fir
 
 <table class="center">
     <tr style="font-weight: bolder;text-align:center;">
-        <td width="20%">image</td>
-        <td width="70%">video</td>
-        <td width="10%">prompt</td>
+        <td>image</td>
+        <td>video</td>
+        <td>prompt</td>
     </tr>
 
   <tr>
@@ -283,7 +283,7 @@ In duffy case, pose of the vision condition frame is not aligned with of the fir
        None, mean generate first frame with extra text2image module
     </td>
     <td>
-      <video src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/-pdPapRbRk_w3YpSyvdGx.mp4" controls preload></video>
+      <video width="400" src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/-pdPapRbRk_w3YpSyvdGx.mp4" controls preload></video>
     </td>
     <td>
       (masterpiece, best quality, highres:1)
@@ -295,7 +295,7 @@ In duffy case, pose of the vision condition frame is not aligned with of the fir
       <img src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/FlLWP8IqM_X2K4hXAOPHO.png" width="200">
     </td>
     <td>
-      <video src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/OT22TR7e7Lcoxci9aoDBA.mp4" controls preload></video>
+      <video width="400" src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/OT22TR7e7Lcoxci9aoDBA.mp4" controls preload></video>
     </td>
     <td>
       (masterpiece, best quality, highres:1)
@@ -307,8 +307,8 @@ In duffy case, pose of the vision condition frame is not aligned with of the fir
 
 <table class="center">
     <tr style="font-weight: bolder;text-align:center;">
-        <td width="15%">name</td>
-        <td width="85%">video</td>
+        <td>name</td>
+        <td>video</td>
     </tr>
 
   <tr>
@@ -316,7 +316,7 @@ In duffy case, pose of the vision condition frame is not aligned with of the fir
        talk
     </td>
     <td>
-      <video src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/wUhNS7j5UQ28eXu4JVQfF.mp4" controls preload></video>
+      <video width="400" src="https://cdn-uploads.huggingface.co/production/uploads/65f9352ed760cfdf5eb80e16/wUhNS7j5UQ28eXu4JVQfF.mp4" controls preload></video>
     </td>
 
   <tr>