Dont send events if video controls hidden

frontend/create.mjs

@@ -1,4 +1,4 @@
-import { setupCreateSessionForm } from "./lib/create-session.mjs";
+import { setupCreateSessionForm } from "./lib/create-session.mjs?v=2";
 
 const main = () => {
   setupCreateSessionForm();

frontend/index.html

@@ -52,6 +52,6 @@
       </form>
     </div>
 
-    <script type="module" src="/main.mjs?v=2"></script>
+    <script type="module" src="/main.mjs?v=3"></script>
   </body>
 </html>

frontend/lib/create-session.mjs

@@ -1,4 +1,4 @@
-import { createSession } from "./watch-session.mjs?v=3";
+import { createSession } from "./watch-session.mjs?v=4";
 
 export const setupCreateSessionForm = () => {
   const form = document.querySelector("#create-session-form");

frontend/lib/join-session.mjs

@@ -1,4 +1,4 @@
-import { joinSession } from "./watch-session.mjs?v=3";
+import { joinSession } from "./watch-session.mjs?v=4";
 
 /**
  * @param {HTMLInputElement} field

frontend/lib/watch-session.mjs

@@ -85,7 +85,7 @@ const setupOutgoingEvents = (video, socket) => {
   const currentVideoTime = () => (video.currentTime * 1000) | 0;
 
   video.addEventListener("pause", async (event) => {
-    if (outgoingDebounce) {
+    if (outgoingDebounce || !video.controls) {
       return;
     }
 
@@ -101,7 +101,7 @@ const setupOutgoingEvents = (video, socket) => {
   });
 
   video.addEventListener("play", (event) => {
-    if (outgoingDebounce) {
+    if (outgoingDebounce || !video.controls) {
       return;
     }
 
@@ -124,7 +124,7 @@ const setupOutgoingEvents = (video, socket) => {
       return;
     }
 
-    if (outgoingDebounce) {
+    if (outgoingDebounce || !video.controls) {
       return;
     }
 

frontend/main.mjs

@@ -1,4 +1,4 @@
-import { setupJoinSessionForm } from "./lib/join-session.mjs?v=2";
+import { setupJoinSessionForm } from "./lib/join-session.mjs?v=3";
 
 const main = () => {
   setupJoinSessionForm();