Updated about.html

tayrp · Sep 17, 2024 · 729043f · 729043f
1 parent 8070b06
commit 729043f
Showing 1 changed file with 20 additions and 21 deletions.
diff --git a/about.html b/about.html
@@ -59,35 +59,34 @@ <h1>Tee</h1>
 						</video>
 
 						<label for="volumeControl">Volume:</label>
-						<input type="range" id="volumeControl" min="0" max="1" step="0.01" value="0.15">
-						<span id="volumePercentage">15%</span>						
+						<input type="range" id="volumeControl" min="0" max="1" step="0.01" value="0.01">
+						<span id="volumePercentage">1%</span>											
 
 						<script>
 							var video = document.getElementById("aboutvideo");
 							var btn = document.getElementById("aboutpauseBtn");
 							var volumeControl = document.getElementById("volumeControl");
-							var video = document.getElementById("aboutvideo");
-							var volumeControl = document.getElementById("volumeControl");
 							var volumePercentage = document.getElementById("volumePercentage");
-							video.volume = 0.15;
-							volumeControl.addEventListener("input", function() {
- 								video.volume = volumeControl.value;
-    							var percentage = Math.round(volumeControl.value * 100);
-    								volumePercentage.innerHTML = percentage + "%";
-								});
-							video.volume = 0.1;
+
+						// Initialize the video volume and percentage display
+							video.volume = volumeControl.value; // Set initial volume based on the slider value
+							volumePercentage.innerHTML = Math.round(volumeControl.value * 100) + "%"; // Set initial percentage
+
 							function togglePause() {
-								if (video.paused) {
-									video.play();
-									btn.innerHTML = "⏸️";
-								} else {
-									video.pause();
-									btn.innerHTML = "▶️";
-								}
+							    if (video.paused) {
+        							video.play();
+        							btn.innerHTML = "⏸️";
+    							} else {
+        							video.pause();
+        							btn.innerHTML = "▶️";
+    							}
 							}
-							volumeControl.addEventListener("input", function() {
-								video.volume = volumeControl.value;
-							});
+volumeControl.addEventListener("input", function() {
+    video.volume = volumeControl.value;
+    var percentage = Math.round(volumeControl.value * 100);
+    volumePercentage.innerHTML = percentage + "%";
+});
+
 						</script>
 					</body>
 				</div>