chore: change play button name, and add changeset file.

yixuanwu4 · yixuanwu4 · commit 4befcb11d12f · 2025-03-27T18:01:10.000Z
diff --git a/.changeset/giant-oranges-raise.md b/.changeset/giant-oranges-raise.md
@@ -0,0 +1,5 @@
+---
+"@quassel/website": patch
+---
+
+Fix bubble and play button odd behaviours, and insert metadata into <html> tags.
diff --git a/apps/website/src/sections/Spotlight.astro b/apps/website/src/sections/Spotlight.astro
@@ -105,22 +105,22 @@ import PlayButton from "../assets/videos/play-button.svg";
 <script>
   document.addEventListener("DOMContentLoaded", () => {
     const video = document.querySelector("video") as HTMLVideoElement;
-    const myButton = document.getElementsByClassName("playButton")[0] as HTMLButtonElement;
+    const playButton = document.getElementsByClassName("playButton")[0] as HTMLButtonElement;
     let isPlaying = false;
 
     video.classList.add("video-not-interactive");
 
-    myButton.addEventListener("click", () => {
+    playButton.addEventListener("click", () => {
       video.play();
       isPlaying = true;
-      myButton.classList.add("playButton-invisible");
+      playButton.classList.add("playButton-invisible");
       video.classList.remove("video-not-interactive");
     });
 
     video.addEventListener("pause", () => {
       if (isPlaying) {
         isPlaying = false;
-        myButton.classList.remove("playButton-invisible");
+        playButton.classList.remove("playButton-invisible");
         video.classList.add("video-not-interactive");
       }
     });

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@quassel/website": patch
 +---
++
 +Fix bubble and play button odd behaviours, and insert metadata into <html> tags.