diff --git a/webroot/js/player.js b/webroot/js/player.js
index 8691159..af7b299 100644
--- a/webroot/js/player.js
+++ b/webroot/js/player.js
@@ -1,5 +1,8 @@
 window.addEventListener('DOMContentLoaded', (event) => {
 	var video = document.getElementById('player');
+	if (localStorage.getItem("volume") != null) {
+		setVolume(localStorage.getItem("volume"));
+	}
 	function toggleVideo() {
 		if (video.paused) {
 			const classList = document.querySelector('.ytp-button-play').classList;
@@ -42,6 +45,11 @@ window.addEventListener('DOMContentLoaded', (event) => {
 	function volume(e) {
 		v = document.querySelector('.ytp-volume-slider').getBoundingClientRect();
 		amount = (e.clientX - v.x) / v.width;
+		setVolume(amount)
+		localStorage.setItem("volume", video.volume);
+	}
+
+	function setVolume(amount) {
 		video.volume = amount;
 		document.querySelector('.ytp-volume-slider-foreground').style.left = amount * 51 + 'px';
 		icon = document.querySelector('.ytp-button-volume');
@@ -58,9 +66,6 @@ window.addEventListener('DOMContentLoaded', (event) => {
 		} else {
 			icon.dataset.value = 'max';
 		}
-
-		// max, loud, normal, quiet, min, off
-		console.log(e);
 	}
 
 	function toggleFullscreen() {