diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index 9f7fa4b4..59a65271 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -124,6 +124,12 @@
 		player = new shaka.Player();
 		playerElement = document.getElementById('player') as HTMLMediaElement;
 
+		// Change instantly to stop video from being loud for a second
+		const savedVolume = localStorage.getItem(STORAGE_KEY_VOLUME);
+		if (savedVolume) {
+			playerElement.volume = parseFloat(savedVolume);
+		}
+
 		await player.attach(playerElement);
 		shakaUi = new shaka.ui.Overlay(
 			player,
@@ -462,11 +468,6 @@
 		player.addEventListener('buffering', saveQualityPreference);
 		playerElement.addEventListener('volumechange', saveVolumePreference);
 
-		const savedVolume = localStorage.getItem(STORAGE_KEY_VOLUME);
-		if (savedVolume) {
-			playerElement.volume = parseFloat(savedVolume);
-		}
-
 		player.addEventListener('loaded', () => {
 			restoreQualityPreference();