diff --git a/web/src/lib/components/asset-viewer/video-viewer.svelte b/web/src/lib/components/asset-viewer/video-viewer.svelte
index c931100c2a..801768dd8e 100644
--- a/web/src/lib/components/asset-viewer/video-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/video-viewer.svelte
@@ -2,6 +2,7 @@
 	import { api } from '@api';
 	import { fade } from 'svelte/transition';
 	import { createEventDispatcher } from 'svelte';
+	import { videoViewerVolume } from '$lib/stores/preferences.store';
 	import LoadingSpinner from '../shared-components/loading-spinner.svelte';
 
 	export let assetId: string;
@@ -30,6 +31,7 @@
 		class="h-full object-contain"
 		on:canplay={handleCanPlay}
 		on:ended={() => dispatch('onVideoEnded')}
+		bind:volume={$videoViewerVolume}
 	>
 		<source src={api.getAssetFileUrl(assetId, false, true, publicSharedKey)} type="video/mp4" />
 		<track kind="captions" />
diff --git a/web/src/lib/stores/preferences.store.ts b/web/src/lib/stores/preferences.store.ts
index b0f491a3a7..e65c9c68bb 100644
--- a/web/src/lib/stores/preferences.store.ts
+++ b/web/src/lib/stores/preferences.store.ts
@@ -35,3 +35,5 @@ export const mapSettings = persisted<MapSettings>('map-settings', {
 	dateAfter: '',
 	dateBefore: ''
 });
+
+export const videoViewerVolume = persisted<number>('video-viewer-volume', 1, {});