diff --git a/components/notes/attachment.vue b/components/notes/attachment.vue
index e574ef7..92bc53c 100644
--- a/components/notes/attachment.vue
+++ b/components/notes/attachment.vue
@@ -5,9 +5,8 @@
                 <img :src="attachment.url" :alt="attachment.description ?? undefined"
                     class="w-full h-full object-contain bg-muted/20" />
             </DialogTrigger>
-            <video-player v-else-if="attachment.type === 'video' || attachment.type === 'gifv'"
-                :alt="attachment.description ?? undefined" class="w-full h-full object-cover bg-muted/20"
-                src="attachment.url" controls :volume="0.6" />
+            <video v-else-if="attachment.type === 'video' || attachment.type === 'gifv'" :src="attachment.url"
+                :alt="attachment.description ?? undefined" class="w-full h-full object-cover bg-muted/20" controls />
             <audio v-else-if="attachment.type === 'audio'" :src="attachment.url"
                 :alt="attachment.description ?? undefined" class="w-full h-full object-cover bg-muted/20" controls />
             <DialogTrigger v-else :as-child="true">
@@ -47,9 +46,8 @@
             <div class="flex items-center justify-center overflow-hidden *:max-h-[80vh] *:max-w-[80vw]">
                 <img v-if="attachment.type === 'image'" :src="attachment.url" :alt="attachment.description ?? ''"
                     class="object-contain" />
-                <video-player v-else-if="attachment.type === 'video' || attachment.type === 'gifv'"
-                    :alt="attachment.description ?? undefined" class="w-full h-full object-cover bg-muted/20"
-                    src="attachment.url" controls :volume="0.6" />
+                <video v-else-if="attachment.type === 'video' || attachment.type === 'gifv'" :src="attachment.url"
+                    :alt="attachment.description ?? ''" class="object-cover" controls />
                 <audio v-else-if="attachment.type === 'audio'" :src="attachment.url" :alt="attachment.description ?? ''"
                     class="object-cover" controls />
                 <div v-else class="flex flex-col items-center justify-center">
@@ -80,8 +78,6 @@ import {
     DialogTrigger,
 } from "../ui/dialog";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
-import { VideoPlayer } from '@videojs-player/vue'
-import 'video.js/dist/video-js.css'
 
 defineProps<{
     attachment: Attachment;