pause background music when a video or audio is played

files/assets/js/userpage.js

@@ -52,9 +52,29 @@ else
 	}
 }
 
+for (const video of document.getElementsByTagName('video'))
+{
+	video.addEventListener('play', (event) => {
+		if (!audio.paused)
+		{
+			audio.pause();
+		}
+	});
+}
+
+for (const a of document.getElementsByTagName('audio'))
+{
+	a.addEventListener('play', (event) => {
+		if (!audio.paused)
+		{
+			audio.pause();
+		}
+	});
+}
+
 function badge_timestamp(t) {
 	const date = new Date(t.dataset.until*1000);
 	const text = t.getAttribute("data-bs-original-title")
 	t.setAttribute("data-bs-original-title", `${text} ${date.toString()}`);
 	t.removeAttribute("onmouseover")
-}
+}

files/templates/submission.html

@@ -1165,6 +1165,26 @@
 		window.addEventListener('click', () => {
 			if (audio.paused) audio.play(); 
 		}, {once : true});
+
+		for (const video of document.getElementsByTagName('video'))
+		{
+			video.addEventListener('play', (event) => {
+				if (!audio.paused)
+				{
+					audio.pause();
+				}
+			});
+		}
+
+		for (const a of document.getElementsByTagName('audio'))
+		{
+			a.addEventListener('play', (event) => {
+				if (!audio.paused)
+				{
+					audio.pause();
+				}
+			});
+		}
 	</script>
 {% endif %}