fix media type handling

src/components/proxy.vue

@@ -17,8 +17,19 @@
         required: true
       }
     },
+    data() {
+      return {
+        mimeType: null
+      }
+    },
     computed: {
       mediaTag() {
+        if (this.mimeType) {
+          if (this.mimeType.startsWith('video/')) return 'video'
+          if (this.mimeType.startsWith('audio/')) return 'audio'
+          if (this.mimeType.startsWith('image/')) return 'img'
+        }
+
         if (!this.src) return 'img'
         const extension = this.src.split('.').pop().toLowerCase()
         
@@ -35,6 +46,16 @@
         const encodedUrl = encodeURIComponent(this.src)
         return `/api/media?url=${encodedUrl}`
       }
+    },
+    async created() {
+      if (this.src) {
+        try {
+          const response = await fetch(this.src, { method: 'HEAD' })
+          this.mimeType = response.headers.get('Content-Type')
+        } catch (error) {
+          console.warn('Cannot detect MIME type:', error)
+        }
+      }
     }
   }
   </script>