adding "labels"

src/device/input/raw/public/konami.js

@@ -38,9 +38,8 @@ if (key == requiredKey) {
 });
 
 function showSecrets() {
-    console.log("Hi")
     var element = document.getElementById("konami")
-    console.log(element)
     element.style = "display:block"
-    element.lastElementChild.src = "https://www.youtube.com/embed/V4oJ62xrFZo?autoplay=1"
+    var e = new Event("onKonami")
+    element.dispatchEvent(new Event("onKonami"))
 }

src/device/input/raw/public/lowerVolume.js

@@ -3,7 +3,7 @@ function onYouTubeIframeAPIReady() {
     var player;
 
     player = new YT.Player('konami', {
-        videoId: '_cB8CE_Q3Yk',   // 👈 video id.
+        videoId: 'V4oJ62xrFZo',   // 👈 video id.
         width: 560,
         height: 316,
         playerVars: {
@@ -19,6 +19,7 @@ function onYouTubeIframeAPIReady() {
         events: {
             'onReady': function (e) {
               e.target.setVolume(33); // For max value, set value to 100.
+              document.getElementById("konami").addEventListener("onKonami", () => {e.target.playVideo()})
             }
         }
     });

src/device/input/raw/public/root.html

@@ -3,6 +3,8 @@
   <header>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css">
     <script src="konami.js"></script>
+    <script src="lowerVolume.js"></script>
+    <script async src="https://www.youtube.com/iframe_api"></script>
     <script>
       function formsay(message) {
          console.log(`say '${message}'`)
@@ -110,9 +112,7 @@
     </div>
     <div id="ntfy"></div>
     <div id="ws"></div>
-    <div id="konami" style="display:none">
+    <div id="konami" style="display:none"></div>
-      <iframe width="560" height="315" src="https://www.youtube.com/embed/V4oJ62xrFZo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-    </div>
   </body>
   <footer>
     <script>