diff --git a/plugins/view-resources/src/components/viewer/VideoViewer.svelte b/plugins/view-resources/src/components/viewer/VideoViewer.svelte
index fbed991d3f..736bafd746 100644
--- a/plugins/view-resources/src/components/viewer/VideoViewer.svelte
+++ b/plugins/view-resources/src/components/viewer/VideoViewer.svelte
@@ -15,6 +15,7 @@
 <script lang="ts">
   import { type Blob, type Ref } from '@hcengineering/core'
   import { getFileUrl, getVideoMeta, type BlobMetadata } from '@hcengineering/presentation'
+  import { onDestroy } from 'svelte'
   import HLS from 'hls.js'
 
   export let value: Ref<Blob>
@@ -23,12 +24,14 @@
   export let fit: boolean = false
 
   let video: HTMLVideoElement
+  let hls: HLS
 
   async function fetchVideoMeta (value: Ref<Blob>, name: string): Promise<void> {
     const src = getFileUrl(value, name)
     const meta = await getVideoMeta(value, name)
     if (meta != null && meta.status === 'ready' && HLS.isSupported()) {
-      const hls = new HLS()
+      hls?.destroy()
+      hls = new HLS()
       hls.loadSource(meta.hls)
       hls.attachMedia(video)
       video.poster = meta.thumbnail
@@ -37,6 +40,10 @@
     }
   }
 
+  onDestroy(() => {
+    hls?.destroy()
+  })
+
   $: aspectRatio =
     metadata?.originalWidth && metadata?.originalHeight
       ? `${metadata.originalWidth} / ${metadata.originalHeight}`