From c2580c984dc115837dde0b596a712b81d2a3dce3 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Mon, 9 Mar 2026 17:30:54 +0000
Subject: [PATCH] Allow chat to get videos

---
 nginx/vue/src/components/util/Chat.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index e8732df..e963196 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -39,6 +39,10 @@ function isImageUrl(url) {
     return /\.(jpg|jpeg|png|gif|webp)$/i.test(url);
 }
 
+function isVideoUrl(url) {
+    return /\.(mp4|webm|ogg|mov)$/i.test(url);
+}
+
 function isSafeFileUrl(url) {
     return typeof url === "string" && url.startsWith("/uploads/");
 }
@@ -64,6 +68,8 @@ onUnmounted(() => {
                 <template v-if="message.fileUrl && isSafeFileUrl(message.fileUrl)">
                     <img v-if="isImageUrl(message.fileUrl)" :src="message.fileUrl"
                          class="max-w-xs max-h-48 rounded" />
+                    <video v-else-if="isVideoUrl(message.fileUrl)" :src="message.fileUrl"
+                           controls class="max-w-xs max-h-48 rounded" />
                     <a v-else :href="message.fileUrl" target="_blank"
                        class="underline">{{ message.fileUrl.split('/').pop() }}</a>
                 </template>