feat: add video display in Create.vue and let comfyUi.ts process vide…

…os IV Refs: #59 Signed-off-by: julianbollig <julian.bollig@tngtech.com>
TNG · Feb 24, 2025 · bc68dec · bc68dec
1 parent 452395e
commit bc68dec
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/WebUI/src/views/Create.vue b/WebUI/src/views/Create.vue
@@ -39,10 +39,20 @@
           <div
             v-for="image in imageGeneration.generatedImages"
             v-show="selectedImageId === image.id"
+            class="flex justify-center items-center"
           >
             <!-- eslint-enable -->
-            <img class="p-1 max-w-768px max-h-512px" v-if="!isVideo(image)" :src="image.imageUrl" />
-            <video class="p-1 max-w-768px max-h-512px" v-else controls>
+            <img
+              v-if="!isVideo(image)"
+              class="max-w-768px max-h-512px object-contain p-2"
+              :src="image.imageUrl"
+            />
+            <video
+              v-else
+              class="max-w-768px max-h-512px object-contain p-2"
+              controlsList="nodownload nofullscreen noremoteplayback"
+              controls
+            >
               <source :src="image.videoUrl" :type="image.videoFormat" />
             </video>
           </div>